class Timer extends Component {
state = {
seconds: 0
}
tick = () => {
const { seconds } = this.state;
this.setState({
seconds: seconds + 1
})
}
componentDidMount() {
// 定时器,可以修改1000为自己想要的时间,
this.interval = setInterval(() => this.tick(), 1000);
}
componentWillUnmount() {
// 清除定时器
clearInterval(this.interval);
}
render() {
return (
<div>Seconds:{this.state.seconds}</div>
)
}
}
export default Timer;