小编ino*_*why的帖子

反应原生显示当前时间并实时更新秒数

我想在响应原生应用程序(如时钟)中显示当前时间(MM/DD/YY hh:mm:ss),并且每秒都获得更新,我尝试使用新的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>
    );
}
Run Code Online (Sandbox Code Playgroud)

timer clock reactjs react-native

11
推荐指数
3
解决办法
4万
查看次数

标签 统计

clock ×1

react-native ×1

reactjs ×1

timer ×1