Javascript 如何使用setInterval更新数据并将其提供给react组件?
下面是我在AppHelper.js文件中的函数Javascript 如何使用setInterval更新数据并将其提供给react组件?,javascript,reactjs,Javascript,Reactjs,下面是我在AppHelper.js文件中的函数 getTimeCountDown: function() { //some code... return minutes + ":" + seconds; } 在我的反应部分 <div>{AppHelper.getTimeCountDown()}</div> {AppHelper.getTimeCountDown()} 屏幕上将显示23:00左右 我想做的是,每1分钟调用一次这个函数,我怎么做?我可以使用se
getTimeCountDown: function() {
//some code...
return minutes + ":" + seconds;
}
在我的反应部分
<div>{AppHelper.getTimeCountDown()}</div>
{AppHelper.getTimeCountDown()}
屏幕上将显示23:00左右
我想做的是,每1分钟调用一次这个函数,我怎么做?我可以使用setInterval吗?在哪里使用?我认为这是最明智的决定:
componentDidMount(){
this.interval = setInterval(() => {
this.setState({time: AppHelper.getTimeCountDown()})
}, 1000 * 60)
}
componentWillUnmount(){
clearInterval(this.interval);
}
render() {
return <div>{this.state.time}</div>
}
componentDidMount(){
this.interval=setInterval(()=>{
this.setState({time:AppHelper.getTimeCountDown()})
}, 1000 * 60)
}
组件将卸载(){
clearInterval(这个.interval);
}
render(){
返回{this.state.time}
}
我认为这是最明智的决定:
componentDidMount(){
this.interval = setInterval(() => {
this.setState({time: AppHelper.getTimeCountDown()})
}, 1000 * 60)
}
componentWillUnmount(){
clearInterval(this.interval);
}
render() {
return <div>{this.state.time}</div>
}
componentDidMount(){
this.interval=setInterval(()=>{
this.setState({time:AppHelper.getTimeCountDown()})
}, 1000 * 60)
}
组件将卸载(){
clearInterval(这个.interval);
}
render(){
返回{this.state.time}
}
在componentDidMount中,您应该启动interval并更新组件的状态,然后只渲染它。不要忘记在卸载componentDidMount时清除interval。您应该启动interval并更新组件的状态,然后渲染它。不要忘记在卸载时清除interval这将每1000毫秒更新一次,而不是每分钟更新一次。否则,看起来不错componentDidMount
未收到任何参数此参数将每1000毫秒更新一次,而不是每分钟更新一次。否则,看起来不错componentDidMount
不接收任何参数