带React的计时器

时间:2018-11-11 15:12:17

标签: reactjs

我尝试做一个计时器,在参数中我们有时间(以秒为单位)和名称。它可以工作,但是现在我尝试单击“添加新”按钮时添加一个新计时器,我不知道首先要怎么做。

https://jsfiddle.net/q806zeps/3/

这里是小提琴。

我添加

<button onClick={this.handleClick.bind(this)}>Add new</button>

 handleClick(event){}

谢谢

1 个答案:

答案 0 :(得分:0)

  

TimerMixin我们发现应用程序中致命的主要原因   使用React Native创建的是由于组件后触发计时器   已卸载。为了解决这个重复出现的问题,我们引入了   TimerMixin。如果包含TimerMixin,则可以替换通话   使用this.setTimeout(fn,500)设置setTimeout(fn,500)(只是前置   这样),当   组件卸载。

import TimerMixin from 'react-timer-mixin';

var Component = createReactClass({
  mixins: [TimerMixin],
  componentDidMount: function() {
    this.setTimeout(() => {
      console.log('I do not leak!');
    }, 500);
  },
});

https://facebook.github.io/react-native/docs/timers