当前位置: 首页 > Web前端 > HTML

react报错解决Renderedmorehooksthanthepreviousrender.

时间:2023-03-28 15:19:54 HTML

constRenderItem=(item)=>{const{children}=item;const[showChild,setShowChild]=useState(false);return(<>

Item!!!
{showChild&&children.length>0&&(<>//使用普通函数会报错{children.map((ele)=>(<>{RenderItem(ele)}))})});};上面的代码会报错:Renderedmorehooksthanthepreviousrender。只需将调用自身的行更改为:{children.map(ele=>}根据规范,RenderItem,R应大写