如何使用setInterval更新數據並將其提供給反應組件？

Question

下面是我在AppHelper.js功能文件

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

在我的反應成分

<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> 
}