Question

我已经阅读了很多有关在React中创建和使用自定义钩子的文章，但无法弄清楚为什么我的代码无法正常工作。

这是问题代码的核心：

cont MyContextProvider = (props) => {  
  const useCompleteWizard = () => {
    // Define `body` object

    useEffect(() => {
      // const { loading, data } = useFetchPost(`${API_ROOT()}account_management/fleets`, body, app.awsConfig);
      useFetchPost(`${API_ROOT()}user_management/users`, body, app.awsConfig);

    }, []);
  }
}

在上下文提供程序中，我创建了您看到的自定义钩子，该自定义钩子又调用了另一个发布数据的自定义钩子。

但是我遇到了这个错误：

React Hook "useFetchPost" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function.

我没看到useFetchPost在回调中被调用。哪个回调？这对我来说毫无意义，我希望有人能启发我。

Answer 1

嘿，您正在useEffect回调中调用自定义钩子。一个回调函数。请在此效果之外调用您的自定义钩子

请检查此无效的挂机呼叫警告

https://reactjs.org/warnings/invalid-hook-call-warning.html

这个React Custom Hook有什么问题？

1 个答案: