javascript - Flow js 不适用泛型

Question

我有一个函数( react 钩子(Hook)):

function useHandles<TPreparedValues, TValues>({
    onReject,
    makeData,
}: ArgsType<TPreparedValues, TValues>) {
    const handleLeavePage =  (formData: TValues) => onReject(makeData(formData))

    return {
      handleLeavePage
    }
}

其中 ArgsType 是:

type ArgsType<TPreparedValues, TValues> = {
    onReject: (TPreparedValues) => Promise<void>,
    makeData: TValues => TPreparedValues
};

然后我使用这个钩子(Hook):

const {
    handleLeavePage,
} = useDocumentHandles<DocumentEditInputType, ValuesType>({
    onReject,
    makeData,
})

如您所见，我定义了TValues = ValuesType。当然，flowjs 应该从 onReject 输入中猜测出来。

但是当我使用handleLeavePage时，出现错误:TValues [1] 与属性 onLeavePage 的第一个参数中的 ValuesType [2] 不兼容。

我认为 flowjs 不明白 TValue 在 handleLeavePage 中是通用的。

如何解决？

Answer 1

尝试this

不要声明 handleLeavePage 参数的类型，而是键入 useHandles 函数的输出。