React.js開發的幾個學習重點, 6個鉤子(和ios的生命周期基本一樣),2個狀態,一個套路學習React.js,一起來看看吧.
常用的6個鉤子看生命周期
React 為組件的不同生命階段,提供了近十個鉤子方法。
componentWillMount():組件加載前調用
componentDidMount():組件加載后調用
componentWillUpdate(): 組件更新前調用
componentDidUpdate(): 組件更新后調用
componentWillUnmount():組件卸載前調用
componentWillReceiveProps():組件接受新的參數時調用
注意:Ajax 請求一般在componentDidMount方法里面發出。
常用的兩個狀態,初始化和傳參:
兩個狀態:組件可以從外部傳入參數,內部使用this.props獲取參數
組件往往會有內部狀態,使用this.state表示。
鉤子方法:getDefaultProps(和ios中ViewDidLoad一樣,可以在這初始化狀態)
常用的一個套路創建虛擬DOM節點:
ReactDOM虛擬DOM的套路,雖有的組件都可以用ReactDOM虛擬一個DOM節點,在html中可以直接在Div中獲取此節點直接渲染。
構建虛擬DOM(此時Login是組件的類名,login就只虛擬的節點名)
在html中可以直接加載渲染虛擬DOM