反应本地显示当前时间并实时更新秒数

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在反应本机应用程序中像时钟一样显示当前时间（MM / DD / YY hh：mm：ss），并每秒钟获取更新，我尝试使用new

Date（）并将其设置为状态，但是时间不除非刷新页面，否则不会更新。我也尝试过在render（）中使用setInterval函数，它确实进行了更新，但是对于CPU来说却很昂贵。有没有实现该功能的好方法？

state = {
    curTime: null,
}
render(){
    setInterval(function(){this.setState({curTime: new  Date().toLocaleString()});}.bind(this), 1000);
    return (
        <View>
            <Text style={headerStyle.marginBottom15}>Date: {this.state.curTime}</Text>
        </View>
    );
}

回答：

只需setInterval进入componentDidMount函数即可。

像这样 ：

  componentDidMount() {
    setInterval(() => {
      this.setState({
        curTime : new Date().toLocaleString()
      })
    }, 1000)
  }

这将更改状态并每1秒更新一次。

以上是 反应本地显示当前时间并实时更新秒数 的全部内容， 来源链接： utcz.com/qa/406704.html

回到顶部