我有一个反应页面,并且基于Axios调用失败,我将错误state设置为true,默认情况下为false。当其true时,显示错误。我尝试如下使用componentDidMount

componentDidMount() {
  const showError = this.state.saveError;
  if(showError) {
    setTimeout(() => {
      this.setState({
        saveError: false
      })
    }, 3000)
  }
}


但这似乎不起作用,因为错误一旦设置为true总是显示。我如何解决它?还有其他建议吗?

谢谢

最佳答案

更新componentDidUpdate中的状态,因为只要组件中有更新,就会执行componentDidUpdate生命周期方法。

样例代码:

 componentDidUpdate() {
    const showError = this.state.saveError;
    if (showError) {
        setTimeout(() => {
            this.setState(prevState => {
                return {
                    ...prevState
                    saveError: false
                }
            })
        }, 3000)
    }
}

关于javascript - 如何更改componentDidMount中的状态?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59642567/

10-11 12:00