美文网首页
React报错:rendered fewer hooks tha

React报错:rendered fewer hooks tha

作者: Asuler | 来源:发表于2020-11-06 16:22 被阅读0次

现象:
整个界面白屏,控制台报错代码如下

rendered fewer hooks than expected. this may be caused by an accidental early return statement

原因:
因为用的无状态组件,有两个return,
一个return 正常的,需要用useState控制
另一个return 一个div+文案,不需要任何state
用if判断条件决定return哪个,查了下原因,都是说useState,useEffect导致的

解决:
把另一个return简单的那个提到最前面,提到useState前面,提到无状态组件的第一行

相关文章

网友评论

      本文标题:React报错:rendered fewer hooks tha

      本文链接:https://www.haomeiwen.com/subject/wmwtbktx.html