报错信息大概是这样:

 类似报这种错误 说明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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐