6個鉤子,2個狀態,一個套路學習React.js

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
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容