之前的文章中,简单介绍过vue生命周期里面清除定时器的生命周期,今天看了react官方文档,上面说componentDidMount()方法会在组件已经被渲染到 DOM 中后运行,所以最好在这里设置计时器:
componentDidMount() {
timer = setInterval(() => {
this.setState(() => ({
count: --this.state.count,
}), () => {
if (this.state.count < 1) {
clearInterval(timer);
this.props.history.push("/main/home");
}
});
}, 1000)
}
通过自己试验,验证官方文档说的在生命周期方法中清除计时器
componentWillUnmount() {
clearInterval(timer);
}
ok了
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。