2023-10-24 Too many re-renders. React limits the number of renders to prevent an infinite loop. ==》组件在渲染过程中执行了任务导致状态更新,从而触发了无限循环

发布时间 2023-10-24 15:19:21作者: 哎呦你可棒棒了

React报错:

Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数,以防止出现无限循环。

解决方案:查看你最近写的代码,比如我写了一个函数组件,我在函数组件里面写了直接执行的任务,这将导致状态变化,react会重新渲染,

react有个防止无限渲染的函数,正是触发了这个函数才报这个错误。

错误写法:

onClick={setUseModal(true)}

正确写法:

onClick={()=>setUseModal(true)}

这样就不会报错了。