在react中使用定时器

80 阅读 0 评论 53 点赞

我是靠谱客的博主沉静绿茶，最近开发中收集的这篇文章主要介绍在react中使用定时器，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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>
)
}
}