react页面里多个定时器的情况

Question

react页面里多个定时器的情况，如下：list:[   {     aimTime:'2018-5-27 10:30:00'   },{     aimTime:'2018-5-27 10:30:00'   },{     aimTime:'2018-5-27 10:30:00'   }]<div className="container">          {            this.props.list.map((v, k) => {              return (                <div key={k} className="list">                                        // 这里有个定时器                </div>              );            })          }        </div>如何才能达到多个定时器之间互不干扰，还有就是清除定时器的时候该怎么去处理？

Answer 1

我以前写过一个番茄钟, 
可以路由切换.
当时是把计时器专门做了一层. 
放在全局

Answer 2

亲 我有点没看懂你的问题 不过定时器的时候你可以赋值给个变量，然后清除时可以清除。如果是执行快慢的问题，由于settimeout是异步，所以可以尝试闭包解决都可以试试

Answer 3

把定时器包装成一个组件，这样比较好管理