react hook使用报错：React has detected a change in the order of Hooks called by null...

报错信息大概是这样：

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

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

 更改如下：

 即可；

链接如下：https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level