Redux 狀態容器

2021-09-14 05:39:36 字數 568 閱讀 6475

redux:狀態容器

redux 的適用場景:多互動、多資料來源。

從元件角度看,如果你的應用有以下場景,可以考慮使用 redux。

某個元件的狀態,需要共享

某個狀態需要在任何地方都可以拿到

乙個元件需要改變全域性狀態

乙個元件需要改變另乙個元件的狀態

redux 的設計思想很簡單,就兩句話。

(1)web 應用是乙個狀態機,檢視與狀態是一一對應的。

(2)所有的狀態,儲存在乙個物件裡面。

在redux中,資料被儲存在乙個被稱為store的容器中,乙個應用程式中只能有乙個store。store本質上是乙個狀態樹,儲存了所有物件的狀態。任何ui元件都可以直接從store訪問特定物件的狀態。要通過本地或遠端元件更改狀態,需要分發乙個action。分發在這裡意味著將可執行資訊傳送到store。當乙個store接收到乙個action,它將把這個action**給相關的reducer。reducer是乙個純函式,執行乙個action並且返回乙個新的狀態。

三大核心:       

actions

store

reducers

Redux狀態管理

1 三大原則 單一資料來源 state是唯讀的 redux中state的更改,其實是建立了乙個全新的state 使用純函式來執行修改 1 將整個應用的state儲存在唯一的store物件中 2 state只能通過觸發action來修改,其中action就是乙個描述性的普通物件 3 使用reducer...

React 狀態管理之Redux

flux vuex vue react redux react state 狀態收集 更新內部state狀態,更新component 1.建立預設狀態 一般const or let乙個物件 const defaultstate 2.建立 reducer 純函式 函式必須有返回值 let reduce...

Redux管理狀態 todoList實現

redux就是react的狀態管理工具 cnpm install s redux 我們在src下建乙個store檔案,裡面有index,和reducer 下面我們建立store 資料 可以是ajax請求的 const defaultstaet 匯出 export default state defa...