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…

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])