报错信息大概是这样:

 类似报这种错误 说明hook引入出现了问题 这时候需要注意是否违背了hook使用规则

当使用hook和函数语句 或者if条件句时,需要把hook放在最顶部   官网原话是:不要在循环、条件或嵌套函数中调用 Hook。相反,在任何提前返回之前,始终在 React 函数的顶层使用 Hooks

 更改如下:

 即可;

链接如下:icon-default.png?t=M1H3https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐