react學習心得（1）

2024-04-27 15:10:49

字體：大中小

來源：轉載

供稿：網友

ReactDOM.render() 實例化根組件，啟動框架，注入標記到原始的DOM元素中getInitialState() 在生命周期里只執行一次，并設置組件的初始狀態componentDidMount 是一個當組件被渲染時被react自動調用的方法PRops 是一種從父級傳遞數據到子級的方式寫一個react demo的大致步驟：1.把UI拆分成一個組件的層級對模型進行拆分，明確你將要構建一個組件，這些組件的層級關系怎樣就像：組件1 組件2 組件3組件3.1組件3.2 要把組件拆分到最后2.生成一個靜態的react頁面對每個組件進行React.createClass({...})構建，實現一個靜態的可呈現的頁面組件可以自頂向下或者自底向上構建這些組件只有render()方法組件之間通過props傳遞數據 React的單向數據流（單向綁定）使一切保持了模塊化和快速 3.確定最小的state表達集合進行UI交互就需要state來動態顯示，所以需要確定哪些集合需要使用state（比如，文本框、單擊按鈕之類的）有三個方法：它是從父級通過props傳遞過來的么？是的話，就不是state 它是隨時間變化的么？如果不是的話，那就不是state 它是能夠通過其他組件里的state或者props計算出來的么？如果是，那就不是state4.確定state應該存放于什么地方明確react在組件層級中總是單向流動數據的根據：確定哪些組件需要基于state渲染找到需要state渲染的所有組件所共有的一個組件，一般都是這些組件之上的組件要么是共同擁有，要么就是其他在層級里更高級的組件擁有這個state，反正要滿足state表達集合（文本輸入框、按鈕等）值的改變對整個頁面能產生交互如果找不到某個組件可以讓state表達集合有意義的擁有state，那就簡單的創建一個組件來控制住state，并把創建的這個組件添加到所有共同擁有這個state的組件更高的層級上5.添加反向數據流添加方法（頂層組件的方法，用于底層函數的回調函數），使state表達集合能夠正確的渲染UI 由于組件應該只更新自己擁有的state，每當state更新時回調函數就會被調用，然后再回調函數中便會啟用setState()，然后應用將會被更新。

上一篇：前端跨域知識總結

下一篇：sqlmapconfig.xml

學習交流

硬盤分區如何設置準確的分區空間

硬盤分區如何設置準確的分區空間...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注