reactjs - ESLint 警告 React 查询突变必须包含在依赖项数组中

Question

我正在使用 react-query 库，并且收到 ESLint useEffect dependency 警告。 我的代码是这样的:

const postProductMutation = useMutation(...);

useEffect(() => {
    postProductMutation.mutateAsync()
}, [])

现在，正如 ESLint 所说，我应该将 postProductMutation 放入依赖项数组中。但如果我这样做，我将创建一个无限循环。 有什么解决办法吗？

Answer 1

您应该破坏从 useMutation 返回的值并将其包含在依赖项数组中。

  const { mutateAsync } = useMutation(...);

  useEffect(() => {
    mutateAsync();
  }, [mutateAsync]);