react與redux之間的關係

react與redux

react是一個視圖層的框架,多個組件之間的傳參十分麻煩,數據無法共享。大型項目中react常與大型的數據層框架相配合使用——redux。
readux:將所有的數據放於公共的存儲器——store,所有的數據由數據存儲器收發。
readux = reducer + flux.

redux的工作流程

redux安裝: yarn add redux
1.store的創建
從redux中引入 createStore方法,調用方法並創建store
在這裏插入圖片描述
2.reducer的創建
返回一個方法,該方法接收state和action
在這裏插入圖片描述
3.將reducer傳遞給store,兩者進行關聯
在這裏插入圖片描述
4.在組件中使用數據
頁面中引入store,並調用store提供的getState()方法
在這裏插入圖片描述
在這裏插入圖片描述