Maximum update depth exceeded. This can happen when a component calls setState inside useEffect…
Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
笔者最初这样写的目的是希望用useEffect来监听数组questionList,当数组questionList改变时页面可以重新渲染。因为我的这个页面实际上是一个问卷,问题会根据上一问的答案进行更变。所以这样写了。但是运行时报出来这样一个问题。警告:超过最大更新深度。当组件在useEffect中调用setState时,可能会发生这种情况,但useEffect要么没有依赖数组,要么在每次渲染时都有一个依赖项发生变化。
这个警告什么意思呢?React在render后执行useEffect,但是在useEffect中执行useState,而使用useStste存值的时候会导致页面的render,这样就进入了一个死循环,最终导致内存爆了。
useEffect(() => {
setRenderQuestionList(questionList);
}, [questionList])