在html中每隔一秒显示一个字,react 如何实现setInterval每过一秒在html中添加一个div ?...

最新推荐文章于 2022-03-21 21:56:10 发布

嘻嘻哈哈哦哦吧

最新推荐文章于 2022-03-21 21:56:10 发布

阅读量410

点赞数

文章标签：在html中每隔一秒显示一个字

尚方宝剑之说

class App extends Component{ constructor(props){ super(props); this.state={ arr:[], index:0 } this.handle=null; this.stopClickHandle=this.stopClickHandle.bind(this); } stopClickHandle(){ if(this.handle){ clearInterval(this.handle); this.handle=null; } } componentDidMount(){ const me=this; this.handle=setInterval(function(){ me.setState(function(preState){ let arr=[preState.index++,...preState.arr]; return {arr}; }); if(me.state.index == me.props.max){ me.stopClickHandle(); } },1000); } render(){ let arr=this.state.arr; arr=arr.map(function(item){ return (

{item}

) }); return(

{arr}

) } } ReactDOM.render(,document.body);