function - 如何执行这个反应查询突变？

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) />
}