ComponentDidUpdate 使用 setState 调用无限次

Question

你好，我正在尝试改变状态，改变一个对象，它被称为无限次

代码

componentDidUpdate (prevState) {
    if (prevState.tab !== this.state.tab) {
        this.setState((prevState) => ({
            ...prevState.tableConfiguration,
            columns: getColumnsConfig(this.state.tab)
        }))
    }
}

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

任何建议

Answer 1

感谢您的 cmets，我找到了一个解决方案。

componentDidUpdate (prevProps, prevState) {
    if (prevState.tab !== this.state.tab) {
        const newConfig = {
            ...prevState.tableConfiguration,
            columns: getColumnsConfig(this.state.tab)
        }
        this.setState({ tableConfiguration: newConfig })
    }
}