react框架 注册用户页面发送完ajax请求跳转路由时报错

Question

问题遇到的现象和发生背景

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

问题相关代码，请勿粘贴截图

render() {
const {msg,redirectTo} = this.props.user

if(redirectTo){
return //重定向到相关页面
}

      return {
     <div>
             这是一个注册用户的页面 里面有一些收集数据的input
    </div>

}
}

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

你给的代码看不出来问题，报错的信息说你是不是在 componentWillUpdate 或者componentDidUpdate，这两个生命周期中执行了setState操作，如果这样的话，steStae会导致界面刷新，调用componentWillUpdate 或者componentDidUpdate这个函数，然后又执行setState，这样形成循环，就异常了，检查一下你的生命周期函数中有没有setState。或者贴一下这两个代码。

总之就是，不要在界面更新的过程中调用setState,这样会导致死循环渲染，就凉凉了，你的就是这个问题