javascript - 如何使用setInterval更新数据并将其提供给React组件？

Question

下面是我在 AppHelper.js 文件中的函数

getTimeCountDown: function() {
  //some code...
  return  minutes + ":" + seconds;
}

在我的 react 组件中

<div>{AppHelper.getTimeCountDown()}</div>

屏幕上会显示 23:00。

我想做的是每1分钟调用一次这个函数，我该怎么做？我可以使用setInterval吗？在哪里使用？

Answer 1

认为这是最明智的决定:

componentDidMount(){
    this.interval = setInterval(() => {
      this.setState({time: AppHelper.getTimeCountDown()})
    }, 1000 * 60)
}
componentWillUnmount(){
   clearInterval(this.interval);
}
render() {
    return <div>{this.state.time}</div>
}