04 react注意事項

1、注意,組件類的第一個字母必須大寫,否則會報錯,比如HelloMessage不能寫成helloMessage。另外,組件類只能包含一個頂層標簽,否則也會報錯。
2、添加組件屬性,有一個地方需要注意,就是 class 屬性需要寫成 className ,for 屬性需要寫成 htmlFor ,這是因為 class 和 for 是 JavaScript 的保留字。
3、有時需要從組件獲取真實 DOM 的節點,這時就要用到 ref 屬性
4、組件的生命周期:
組件的生命周期分成三個狀態:
Mounting:已插入真實 DOM
Updating:正在被重新渲染
Unmounting:已移出真實 DOM
React 為每個狀態都提供了兩種處理函數,will 函數在進入狀態之前調用,did 函數在進入狀態之后調用,三種狀態共
計五種處理函數。
componentWillMount()
componentDidMount()
componentWillUpdate(object nextProps, object nextState)
componentDidUpdate(object prevProps, object prevState)
componentWillUnmount()
此外,React 還提供兩種特殊狀態的處理函數。
componentWillReceiveProps(object nextProps):已加載組件收到新的參數時調用
shouldComponentUpdate(object nextProps, object nextState):組件判斷是否重新渲染時調用
5、Ajax
組件的數據來源,通常是通過 Ajax 請求從服務器獲取,可以使用 componentDidMount 方法設置 Ajax 請求,等到請求成功,再用 this.setState 方法重新渲染 UI
6、CommonJS和AMD是用于JavaScript模塊管理的兩大規范,前者定義的是模塊的同步加載,主要用于NodeJS;而后者則是異步加載,通過requirejs等工具適用于前端。隨著npm成為主流的JavaScript組件發布平臺,越來越多的前端項目也依賴npm上的項目,或者自身就會發布到npm平臺。
7、組件必須定義render方法,用于輸入組件
8、在組件的return中,只能有一個頂級節點<div>,有多個時,會報錯。/9、定義組件時設定this.props.xxx,這個xxx就是屬性名。

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

推薦閱讀更多精彩內容

  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,310評論 0 2
  • 現在最熱門的前端框架,毫無疑問是 React 。上周,基于 React 的 React Native 發布,結果一...
    sakura_L閱讀 442評論 0 0
  • 小白一枚,覺得阮一峰老師寫的react入門非常簡單易懂,所以就轉載過來了。等到我自己后面能力變強之后,我就自己寫一...
    LU7IN閱讀 314評論 0 0
  • 何謂直播電商,在我看來其實它就是一種T2O模式即TV to Online,只不過是從電視媒介轉接到手機端或者PC端...
    洪興會閱讀 459評論 0 0
  • 同事問我說,“如果現在給你一百萬,你會用來做什么?” 我想了想,一百萬?很多嗎?不多啊! 不過似乎對于現在工薪階層...
    植草人閱讀 659評論 7 9