Invalid hook call. Hooks can only be called inside of the body of a function component
报错解释：
这个错误表明你尝试在一个不正确的上下文中调用React Hook。React Hooks是React 16.8及更高版本引入的特性，它们只能在函数组件的主体中调用，不能在循环、条件判断或者子函数中调用。
解决方法：
确保你在函数组件的主体内部直接调用Hooks，而不是在循环、条件判断或者子函数中调用。例如，如果你写了一个自定义的Hook函数，确保你在使用这个Hook时，它本身是在函数组件内部直接调用的。
错误示例：
if (condition) {
useState(initialValue); // 错误：Hook不能在条件判断中调用
}正确示例：
function MyComponent() {
const [state, setState] = useState(initialValue); // 正确：在函数组件内部直接调用
if (condition) {
// 正确：仅在函数组件主体内部使用state和setState
}
// ... 其他逻辑
}如果你确信你的代码已经正确地遵循了这个规则，可能是因为你在项目中使用了不支持Hooks的React版本。确保你的React版本至少是16.8.0，如果不是，请升级React版本。
评论已关闭