React 入門總結

1.服務器JSX轉化命令JS
將 src 子目錄的 js 文件進行語法轉換,轉碼後的文件全部放在 build 子目錄。

babel src --out-dir build

2.JSX 的基本語法規則:
遇到 HTML 標籤(以 < 開頭),就用 HTML 規則解析;遇到代碼塊(以 { 開頭

3.組件
React.createClass 方法就用於生成一個組件類,組件類的第一個字母必須大寫,否則會報錯,比如HelloMessage不能寫成helloMessage。另外,組件類只能包含一個頂層標籤,否則也會報錯。組件的屬性可以在組件類的 this.props 對象上獲取,比如 name 屬性就可以通過 this.props.name 讀取。添加組件屬性,有一個地方需要注意,就是 class 屬性需要寫成 classNamefor 屬性需要寫成 htmlFor ,這是因爲 class 和 for 是 JavaScript 的保留字。

4.this.props.children

this.props.children 的值有三種可能:如果當前組件沒有子節點,它就是 undefined ;如果有一個子節點,數據類型是 object ;如果有多個子節點,數據類型就是 array 。所以,處理 this.props.children 的時候要小心。

5.PropTypes
PropTypes屬性,就是用來驗證組件實例的屬性是否符合要求,getDefaultProps 方法可以用來設置組件屬性的默認值
6.React渲染順序
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章