我有一个反应页面,并且基于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/