深入React技術棧 筆記

2022-09-20 20:15:20 字數 428 閱讀 3895

1.初入react世界

可以說,函式式程式設計才是react的精髓。

react的生命週期可以分為兩類,當元件在掛載或解除安裝時,當元件接收新組建時,即元件更新時。

react的生命週期

2.漫談react

react基於virtual dom實現了乙個syntheticevent(合成事件)

react底層主要對合成事件做了兩件事:事件委託,自動繫結。

高階元件 hoc,接受react元件作為輸入,輸出乙個新的react元件。

實現方法:

屬性**:高階元件通過被包裹的react元件來操作props。

反向繼承:高階元件繼承被包裹的react元件。

純函式原則:

1.給定相同輸入,總是返回相同的輸出

2.過程沒有***

3.沒有額外的狀態依賴。

深入react技術棧記錄(一)

1.react.component react 的所有元件都繼承自頂層類 react.component。它的定義非常簡潔,只是初始化了 react.component 方法,宣告了 props context refs 等,並在原型上定義了 setstate 和 forceupdate 方法.2....

react技術棧實踐(1)

最近開發乙個全新ab測試平台,思考了下正好可以使用react技術開發。首先遇到乙個概念,redux。這貨還真不好理解,大體的理解 store包含所有資料,檢視觸發乙個action,store收到action後,返回乙個新的 state,這樣檢視就發生變化,state計算過程叫做 reducer,re...

react技術棧實踐(1)

最近開發乙個全新ab測試平台,思考了下正好可以使用react技術開發。首先遇到乙個概念,redux。這貨還真不好理解,大體的理解 store包含所有資料,檢視觸發乙個action,store收到action後,返回乙個新的 state,這樣檢視就發生變化,state計算過程叫做 reducer,re...