ReactJS學習筆記(三)

須要注意的問題:
1.組件名稱開頭字母必定要大寫。(PS:緣由是 React 的 JSX 里約定分別使用首字母大、小寫來區分本地組件的類和 HTML 標籤。)
2.this.props.children:表示組件的全部子節點(!沒有子節點時就是undefined,若是有一個子節點,數據類型是Object,多個節點時,數據類型就是array
3.由於promise是異步的,因此render時要檢測
4.經過 AJAX 加載初始數據,在 componentDidMount 時加載數據。當加載成功,將數據存儲在 state 中,觸發 render 來更新你的 UI。當執行同步請求的響應時,在更新 state 前, 必定要先經過 this.isMounted() 來檢測組件的狀態是否仍是 mounted。
5.設置class要寫classname(之前的版本,新版本能夠直接寫class了)
6.每一個React組件只能渲染一個根節點,若是你想返回多個節點,它必須包含在一個節點裏。
7.Key要加前綴。
8. 性能的瓶頸大可能是由於 DOM 更新,而非 JS 執行,並且 React 會經過批量更新和變化檢測來優化性能。
9. mixin不該該污染state,因此他也沒有 setState 方法。
mixin應該只提供接口(即方法),不該該提供任何屬性。
mixin內部的屬性最好是經過閉包的形式做爲私有變量存在。
最好不要放到this上,避免污染。
mixin 須要在組件銷燬時作資源清理操做。
10.getDOMNode棄用,改用findDOMNode,是ReactDom的一個方法。
11. onScroll 在 IE8 中不起做用。
相關文章
相關標籤/搜索