如何使用自定义钩子反应将参数注入 return 函数

Question

通常我们在html中使用<input />字段的时候，会得到一个回调函数，比如<input onChange = {(event) => console.log(event.target.value)}这个event参数是如何传回给我们的？

我正在尝试做类似的事情，我在其中使用自定义挂钩，当调用该挂钩时，它会执行一些其他逻辑，然后可以 return 返回回调函数并将参数注入其中。例如：

const hello = useHello({
    arg1 : 'person name',
    onSuccess : (response) => {
         // I can now use the response
    }
});

Answer 1

在您的钩子中，您只需根据需要创建一个 response，然后将其传递给传入的 onSuccess 函数。

例如：

function useHello({
  arg1,
  onSuccess
}: {
  arg1: string,
  onSuccess: (response: Response) => void
}) {
  fetch(`/?${arg1}`).then((res) => {
    onSuccess(res)
  })
}

Playground

如何使用自定义钩子反应将参数注入 return 函数

How to inject parameters into return function with custom hook react

javascript

partial-application

typescript

reactjs

react-hooks