Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用setInterval更新数据并将其提供给react组件?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何使用setInterval更新数据并将其提供给react组件?

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

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

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
不接收任何参数