在react中使用定时器

77 阅读 0 评论 51 点赞

我是靠谱客的博主沉静绿茶，这篇文章主要介绍在react中使用定时器，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import React,{Component} from 'react';
import { Switch,message } from 'antd';
export default class AgcMapedit extends Component{
state = {
Switch_1:'NO',
}
timer = null
iTimer = ()=>{
this.timer = setInterval(async ()=>{
message.success("执行一次")
},1000)
}
onClick_1 = ()=>{
// const t = setInterval(run, 1000)
if(this.state.Switch_1==='NO'){
this.setState({Switch_1:'OFF'})
this.iTimer()
}else {
this.setState({Switch_1:'NO'})
clearInterval(this.timer)
}
}
render(){
return(
<div>
<Switch defaultChecked={false} onChange={this.onClick_1}/>
</div>
)
}
}