react 计时器如何实现定时任务来从数据库去数据并放在state中

2016/12 01 09:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于bwin2299必赢亚洲世界顶级公司的点点滴滴

我如今有赢组件,是从数据库中获得数据,并经过state形状寄存

callGetMvnDataPackageLogFnorderCodeData.thenres => {
      this.setState{ data: res.data };
    };

我如今想要给这个添加一个计时器去定时央求数据,我自己运用的是:

const intervals = stIntervalfunction{
  callGetMvnDataPackageLogFnorderCodeData.thenres => {
    this.setState{ data: res.data };
  };
},200

但是这并不行,讨教该怎样写?

React官网首页的定时器例子,自己揣摩下!

class Timer extends React.Component {
  constructorprops {
    superprops;
    this.state = {secondsElapsed: 0};
  }

  tick {
    this.setStateprevState => {
      secondsElapsed: prevState.secondsElapsed + 1
    };
  }

  componentDidMount {
    this.interval = setInterval => this.tick, 1000;
  }

  componentWillUnmount {
    clearIntervalthis.interval;
  }

  render {
    return 
      <div>Seconds Elapsed: {this.state.secondsElapsed}</div>
    ;
  }
}

ReactDOM.render<Timer />, mountNode;

计时器要在componentDidMount生命周期办法挂上,然后在componentWillUnmount生命周期办法清除。

下面是ES6Class的语法典范:

  componentDidMount {

    //this.timer = setIntervalthis.tick.bindthis, 50; //或
    this.timer = setInterval => this.tick, 50;
  }
  componentWillUnmount {
     clearIntervalthis.timer;
  }

  tick {
    // 每50ms实行一次

    this.setState{
      elapsed: new Date - this.props.start
    };

  }

这个典范是参考自: https://codepen.io/cmymikechu…

(看完/读完)这篇文章有何感想! 来看看bwin2299必赢亚洲世界顶级公司是怎么评论的吧!

--转载请注明: bwin2299必赢亚洲_www.bwin2299.com_bwin2299必赢亚洲世界顶级公司 » react 计时器如何实现定时任务来从数据库去数据并放在state中

发表评论

(必填)