我很好奇如何创建一个类型化函数,它允许您将输入的函数类型作为返回类型和参数传递。
const preventDefault = function <T> (passThroughFunction: T) {
return function (event, ...args): ReturnType<typeof T> {
event.preventDefault();
return passThroughFunction(...[event, ...args]);
}
}
这个坏了。我不确定如何正确使用 ReturnType 或从 passThroughFunction
中提取参数并将它们包含在返回的函数中。
所以我可以这样使用它:
<Button onSubmit={preventDefault(onSubmit)}/>
我该怎么做?
最佳答案
我认为在这里你最好不要使用条件类型。它们将需要在实现中进行类型断言(因为条件类型只要它们仍然具有自由类型参数就不会被解析)
这会起作用,并且实际上允许上下文类型从赋值目标流向您定义的函数,因此如果您使用内联函数,您将获得参数类型推断
const preventDefault = function <E extends SyntheticEvent, A extends any[], R> (passThroughFunction: (e: E, ...a: A) => R) {
return function (event: E, ...args: A): R {
event.preventDefault();
return passThroughFunction(event, ...args);
}
}
let o = () => <button onClick={preventDefault(e => e.movementX)}></button>
let o2 = () => <div onKeyDown={preventDefault(e => e.keyCode)}></div>
关于typescript - 在 typescript 中创建传递函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56905574/