javascript - react 计时器如何实现定时任务来从数据库去数据并放在state中-PHP中文网问答

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

高洛峰 2017-04-10 17:35:01

[JavaScript讨论组]

662

我现在有赢组件，是从数据库中取得数据，并通过state状态存放

callGetMvnDataPackageLogFn(orderCodeData).then((res) => {
      this.setState({ data: res.data });
    });

我现在想要给这个添加一个计时器去定时请求数据，我自己使用的是：

const intervals = stInterval(function(){
  callGetMvnDataPackageLogFn(orderCodeData).then((res) => {
    this.setState({ data: res.data });
  });
},200)

但是这并不行，请问该如何写？

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(1)

PHP中文网2017-04-10 17:37:01 1楼

React官网首页的定时器例子,自己琢磨下！

class Timer extends React.Component {
  constructor(props) {
    super(props);
    this.state = {secondsElapsed: 0};
  }

  tick() {
    this.setState((prevState) => ({
      secondsElapsed: prevState.secondsElapsed + 1
    }));
  }

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

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  render() {
    return (
      <p>Seconds Elapsed: {this.state.secondsElapsed}</p>
    );
  }
}

ReactDOM.render(<Timer />, mountNode);

赞 +0

添加回复