React、Redux、React-Redux的一些理解

• React是什麼
• React的一些特性說明
• Redux是什麼
• Redux的一些特性說明
• React-Redux是什麼
• React-Redxu的一些特性說明

---

React是什麼

解決View層問題

React的一些特性說明

單向數據流
-組件內部通過state自行管理狀態
-父組件傳遞數據到子組件：通過props將屬性分發至子組件來傳遞數據
-同級組件傳遞數據：將組件的state提升至共有的父組件中管理，再作爲props分發至子組件來傳遞數據
-子組件傳遞數據至父組件：父組件提前申明好函數或方法作爲契約描述自己的 state將如何變化，再將它同樣作爲屬性交給子組件使用，這樣自組件出發回調函數就可以將數據傳遞到父組件

Redux是什麼

應用數據流框架，主要用作應用狀態的管理

Redux的一些特性說明

action：回調通知state如何變化（等同於回調函數）
reducer：根據回調進行處理改變state（等同於父組件中申明子組件觸發回調後的處理函數）
store：整個應用的總狀態

React-Redux是什麼

將Redux進行封裝以更方便React應用使用Redux來管理應用的狀態

React-Redux的一些特性說明

提供了一個Provider和connect -Provider是一個普通組件，可以作爲頂層app的分發點，它只需要store屬性就行了，它會將state分發給所有connect的組件，不管它在哪裏，被嵌套了多少層 -connect是重點，它是一個科裏化函數，意思是先接受兩個參數（數據綁定mapStateToProps和事件綁定mapDispatchToProps），再接受一個參數（將要綁定的組件本身）：mapStateToProps在構建好Redux的時候就會被初始化，但是你的React組件並不知道它的存在，因此你需要分揀出你需要的Redux狀態，所以你需要綁定一個函數，它的參數是state，簡單返回你關心的幾個值。mapDispatchToProps申明好的action作爲回調