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 屬性需要寫成 className ,for 屬性需要寫成 htmlFor ,這是因爲 class 和 for 是 JavaScript 的保留字。
4.this.props.children
this.props.children 的值有三種可能:如果當前組件沒有子節點,它就是 undefined ;如果有一個子節點,數據類型是 object ;如果有多個子節點,數據類型就是 array 。所以,處理 this.props.children 的時候要小心。
5.PropTypes
PropTypes屬性,就是用來驗證組件實例的屬性是否符合要求,getDefaultProps 方法可以用來設置組件屬性的默認值
6.React渲染順序