关于React报Too many re-renders. React limits the number of renders to prevent an infinite错误的解决方案

Posted 2021-09-12 xiangzhihong8

今天在开发RN程序的时候，报了一个Too many re-renders. React limits the number of renders to prevent an infinite。刚开始怀疑是页面渲染的内容太多，后来将其他元素都删除，结果还是报这个错误。于是就想到了重复渲染的问题，比如下面的写法就会造成重复渲染：

onClick={setTime(false)}

需要改成下面的方式：

onClick={() => {
    setTime(false);
}}

因为上面的代码会造成代码一直刷新，也就造成一直渲染，造成了渲染的死循环。