Too many re-renders. React limits the number of renders to prevent an infinite loop

在函数组件使用useState更新state数据时页面出现如下报错：

意思是：太多的被重新呈现。React限制呈现的数量，以防止无限循环。

原因是代码<a onClick={ setVisible(false)}中，花括号{}方法体会被直接触发，在react呈现中调用setVisible函数，setVisible函数触发后，数据更新导致页面重新渲染，会继续触发onClick事件，回调中触发了重新呈现，最常见的是setState触发，这将再次调用事件回调，并导致React停止并抛出“太多的被重新呈现。React限制呈现的数量，以防止无限循环”的错误

Too many re-renders. React limits the number of renders to prevent an infinite loop相关推荐

Too many re-renders. React limits the number of renderers to prevent an infinite loop...
原因:页面刷新进入了死循环,导致页面崩溃! 然后白屏了,,, 场景描述: 页面是一个 ip 区间,在区间后面显示一组数据是否都存在区间内的,都存在显示 √,部分存在显示 ×,并显示不存在区间内的 ...
react报错Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
文章目录一.报错语句是什么意思? 二.复现步骤,及其改法 1.错误代码 2.修改方式 3.报错原因 4.bind(this,data) 总结一.报错语句是什么意思? Error: Too many ...
React报错：Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
前言在今晚用React的Hook写页面的时候,在写一个tab栏,然后要点击切换不同的tab,然后出现了一个报错: Error: Too many re-renders. React limits t ...
解决“Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”
解决"Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.& ...
关于React报Too many re-renders. React limits the number of renders to prevent an infinite错误的解决方案
今天在开发RN程序的时候,报了一个Too many re-renders. React limits the number of renders to prevent an infinite.刚开始怀 ...
react错误：Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infini
react错误: Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infin ...
关于Too many re-renders. React limits the number of renders to prevent an infinite loop.的解决方案
在开发平常的react项目的时候,我们可能会对一个数据进行数据判断,然后在进行setstate更新其他的状态.比如 const mouse = useMouse()const [height, set ...
React 报错 Too many re-renders. React limits the number of renders to prevent an infini
写hooks遇到的,大概率是this的问题, 标签里写成箭头函数 <button onClick={() => setCounter(counter + 1)}>+1</but ...
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
因为打算实现切换效果时对button的click事件 this指代有问题可以使用箭头函数或者bind(this) 来解决 <button onClick={()=>toggle()}& ...

Too many re-renders. React limits the number of renders to prevent an infinite loop

在函数组件使用useState更新state数据时页面出现如下报错：

Too many re-renders. React limits the number of renders to prevent an infinite loop相关推荐

最新文章

热门文章