本文介绍了一个基于React的简单计时器组件实现方法。通过使用prevState更新state中的秒数来确保每次状态更新的准确性和实时性。文章展示了如何利用React的生命周期方法componentDidMount和componentWillUnmount来启动和停止定时器，以及如何在页面上显示当前的秒数。
react使用prevState修改state的值
class Timer extends React.Component { constructor(props) { super(props); this.state = { seconds: 0 }; }
tick() { this.setState(prevState => ({ seconds: prevState.seconds + 1 })); }
componentDidMount() { this.interval = setInterval(() => this.tick(), 1000); }
componentWillUnmount() { clearInterval(this.interval); }
render() { return ( <div> Seconds: {this.state.seconds} </div> ); }}
ReactDOM.render(<Timer />, mountNode); |
扫一扫
2222
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
