[react] 怎么定时更新一个组件？

Posted 2021-12-13 前端小歌谣

[react] 怎么定时更新一个组件？

class Clock extends React.Component
        constructor(props)
            super(props);
            this.state=date:new Date();
        
        componentDidMount()
            this.timerID=setInterval(()=>this.tick(),1000);
        
        componentWillUnmount()
            clearInterval(this.timerID);
        
        tick()
            this.setState(
                date:new Date()
            );
        
        render()
            return (
                <div>
                    <h2>Timer this.state.date.toLocaleTimeString().</h2>
                </div>
            );
        
    
    ReactDOM.render(
        <Clock />,
        document.getElementById('root')
    );

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题