redux的基本概念和使用方法整理

2021-10-10 11:29:13 字數 1657 閱讀 4237

使用state用於管理資料

通過觸發action來更新state

通過乙個或多個reducer去將state和action進行聯絡,返回新的state

在這些reducer之外需要額外開發乙個reducer去呼叫這些reducer,進而去管理整個應用的state,這基本上就是react思想的全部

使用普通物件描述state時,它可能長這樣

,]

, visibilityfilter:

'show_completed'

}

它不提供修改器方法,要修改state中的資料,需要發起乙個action

action就是乙個普通的js物件,用於描述發生了什麼

reducer 是乙個接收 state 和 action,並返回新的 state 的函式。

store物件暴露了一些獲取監聽和更新state的方法

提供 getstate() 方法獲取 state;

提供 dispatch(action) 方法更新 state;

通過 subscribe(listener) 註冊***;

通過 unsubscribe(listener) 返回的函式登出***

整個應用的state被儲存在乙個object tree中,並且這個object tree 只存在於唯一乙個store中

唯一改變state的方法就是出發action,action是乙個用於描述已發生事件的普通物件

為了描述 action 如何改變 state tree ,你需要編寫 reducers。

在react專案中建立redux資料夾並建立如下檔案

建立store物件

3. 建立action.js 寫入action建立函式

建立action-types檔案, 提取action.type

建立reduce.js

將store傳遞給需要使用redux中資料的元件

在元件中獲取state

觸發action

需要註冊***

redux的基本使用方法

redux的使用 檔案store index.js import from redux const counterreducer function statr 0,action const store creatstore counterreducer export default store 元件...

python 協程的基本概念和使用方法

是單執行緒下的併發,又稱微執行緒,纖程。英文名coroutine。一句話說明什麼是協程 協程是一種使用者態的輕量級執行緒,即協程是由使用者程式自己控制排程的。python的執行緒屬於核心級別的,即由作業系統控制排程 如單執行緒遇到io或執行時間過長就會被迫交出cpu執行許可權,切換其他執行緒執行 單...

包裝類 基本概念和一些使用方法

每個基本資料型別都提供了乙個包裝類,使用對應的包裝類物件,對對應型別的資料進行了封裝,又提供相應的方法對其封裝的資料可以進行一些操作。自動裝箱 定義變數的形式 interger tg 100 底層自動裝箱 interger tg new integer 100 自動拆箱 int sub tg4 tg...