这个 React 自定义钩子有什么问题？

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回调中调用了一个自定义钩子。你知道 useEffect take 一个回调函数。请在此效果之外调用您的自定义钩子

请查看此无效的钩子调用警告

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