###React-JSX-Style
JSX
語法: JSX(JS XML)是facebook為React框架開發的一個語法糖
要在瀏覽器運行,需要引入解析JS庫
其次通過type指定
Style
使用內部樣式,由于class 和 for是關鍵字,要用className ,for 屬性需要寫成 htmlFor
return
使用內聯樣式,需要用樣式對象表示,要用雙大括號括住樣式({}是表示解析JS),并使用駝峰法
return
####this.state
getInitialState 方法用于定義初始狀態,也就是一個對象,這個對象可以通過 this.state 屬性讀取。愛掏網 - it200.com
this.setState 方法就修改狀態值,每次修改以后,自動調用 this.render 方法,再次渲染組件。愛掏網 - it200.com
this.state 與this.props的區別:
this.props 表示那些一旦定義,就不再改變的特性,而 this.state 是會隨著用戶互動而產生變化的特性。愛掏網 - it200.com
####React Components 的生命周期
組件的生命周期分成三個狀態:
[ul]
[li]Mounting:已插入真實 DOM[/li]
[li]Updating:正在被重新渲染[/li]
[li]Unmounting:已移出真實 DOM[/li]
[/ul]
React 為每個狀態都提供了兩種處理函數,will 函數在進入狀態之前調用,did 函數在進入狀態之后調用,三種狀態共計五種處理函數。愛掏網 - it200.com
此外,React 還提供兩種特殊狀態的處理函數。愛掏網 - it200.com
[ul]
[li]componentWillReceiveProps(object nextProps):已加載組件收到新的參數時調用[/li]
[li]shouldComponentUpdate(object nextProps, object nextState):組件判斷是否重新渲染時調用[/li]
[/ul]