如何执行这种react-query变异？

Question

我在理解这段代码时遇到问题。如何传递id和数据？

function usePutCompany(id) {
  const [putCompany] = useMutation<any, any, any>(
    (data) => ApiCall.Company.put(id, data),
    {
      onSuccess() {
        queryCache.invalidateQueries('company')
        queryCache.refetchQueries('company')
      },
      throwOnError: true,
    },
  )

  return putCompany
}

Answer 1

id是自定义钩子的参数，data是钩子返回的函数的参数。您可以像这样使用这个自定义钩子：

function MyComponent() {
  const putCompany = usePutCompany(1)

  return <Button onClick={() => putCompany(data) />
}