前端学习（2227）：react之状态二
生活随笔
收集整理的這篇文章主要介紹了
前端学习（2227）：react之状态二
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
import React from 'react';
import ReactDOM from 'react-dom';class Clock extends React.Component {constructor(props) {super(props)//狀態 時間this.state = {time: new Date().toLocaleTimeString()}console.log(this.state.time)}render() {return ( <div ><h1 > 當前時間 { this.state.time } < /h1> < /div >)}/* 生命周期函數 */componentDidMount() {setInterval(() => {console.log(this.state.time)// this.state.time = new Date().toLocaleTimeString() <this.setState({time: new Date().toLocaleTimeString()})// console.log(this.state.time)}, 1000)}
}//console.log("這是渲染函數")
ReactDOM.render( < Clock / > , document.querySelector("#root"))
運行結果
總結
以上是生活随笔為你收集整理的前端学习（2227）：react之状态二的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机在材料研究的应用,计算机在材料工程
- 下一篇： 2017年html5行业报告,云适配发布