一、react-hooks概念 　　React中一切皆為組件，React中組件分為類組件和函數組件，在React中如果需要記錄一個組件的狀態的時候，那么這個組件必須是類組件。那么能否讓函數組件擁有類組件的功能？這個時候我們就需要使用hooks。　　Hooks讓我們的函數組件擁有了類似類組件 ...

一、安裝 二、為什么使用 redux-actions reducer使用switch case語句進行action類型判斷，當action很多時候，reducer內容就不那么直觀了。redux-actions簡化了reducer和action的聯系 ...

一、官網地址　　https://www.styled-components.com/ 二、styled-components 　　1、styled-components 樣式化組件，主要作用是它可以編寫實際的CSS代碼來設計組件樣式，也不需要組件和樣式之間的映射，即創建后就是一個正常的React ...

組件跨層級通信Context，類比Vue中的provider，Inject。 場景：一鍵換膚，切換地區 1，Context.js API： React.createContext 創建一個Context對象，當React渲染一個訂閱了這個Context對象的組件，這個租金會從組件樹中 ...

寫在前面 ​ 鑒於筆者學習此內容章節 React官方文檔 時感到閱讀理解抽象困難，所以決定根據文檔理解寫一篇自己對Context的理解，文章附帶示例，以為更易於理解學習。更多內容請參考 React官方文檔 ​ 如果您覺得文章對您有幫助，可以點擊文章右下角【推薦】一下。您的鼓勵是筆者創作的最大 ...

一、什么是Flux 　　Flux 是一種架構思想，專門解決軟件的結構問題。它跟MVC 架構是同一類東西，但是更加簡單和清晰。 二、flux的基本概念 　　 　　(1) 、Flux由4部分 ...

一、flux的缺陷 因為dispatcher和Store可以有多個互相管理起來特別麻煩 二、什么是redux 其實redux就是Flux的一種進階實現。它是一個應用數據流框架， ...

一、Redux與組件 react-redux是一個第三方插件使我們在react上更方便的來使用redux這個數據架構 React-Redux提供connect方法,用於從UI組件生成容器組件，connect的意思就是將兩種組件連起來 參考文章：https ...