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

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

Answer 2

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

Answer 3

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