错误：超过最大更新深度。反应原生

Posted 2023-02-22

【中文标题】错误：超过最大更新深度。反应原生

【英文标题】：Error: Maximum update depth exceeded. React Native

【发布时间】：2021-09-06 18:56:19

【问题描述】：

我尝试在 compenetDidUpdate 中设置状态，但它显示错误无限循环。有什么解决办法吗？最初我将 setState 放在一个函数中，但也面临这个错误。我正在使用类组件代码

 componentDidUpdate()
          if(isEmpty(this.props.AESDetail) == false)
            if(this.props.AESDetail.length != 0)
              if(this.props.APIESDetail.length != 0)
                  if(this.props.APIESDetail.Focus != null)
                      this.setState(
                          gotFocusApies: true
                      )
                  
              
            
           
      

错误：超过最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时，可能会发生这种情况。 React 限制了嵌套更新的数量以防止无限循环。

【参考方案1】：

看起来您可能只需要进行一项额外测试，以确保 gotFocusApies 还不是 true。

这些 if 语句也可能更好地合并为一个。 注意：list.length != 0 通常可以替换为 list.length 或 !!list.length。

componentDidUpdate() 
  if (
    isEmpty(this.props.AESDetail) == false &&
    this.props.AESDetail.length &&
    this.props.APIESDetail.length &&
    this.props.APIESDetail.Focus != null &&
    !this.state.gotFocusApies
  ) 
    this.setState( gotFocusApies: true );