react实现获取当前时间

获取当前时间

 <div id="app"></div>
    <script type="text/babel">
        //获取时间
        class Demo extends React.Component{
            constructor(){
                super()
                this.state={
                    //时间对象
                   time:new Date()
                }
                this.timer=null//定义计时器
            }
            //更新事件
            updateTime(){
                this.setState({
                    time:new Date()
                })
            }
            //组件一旦挂载就调用
            componentDidMount(){
                this.timer= setInterval(() => {
                    this.updateTime()
                }, 100);
            }
            //组件将要卸载之前清楚定时器
            componentWillUnmount(){
                clearInterval(timer)
            }
            render(){
                return <div>
                        <h3>{this.state.time.toLocaleDateString()}-{this.state.time.toLocaleTimeString()}</h3>
                    </div>
            }
        }
        ReactDOM.render(<Demo/>,document.getElementById("app"))
    </script>

react实现获取当前时间

 

上一篇:2022年前端React的100道面试题的第6题:Class组件挂载时生命周期


下一篇:03-shiro中的认证