Redux 是一個(gè)流行的狀態(tài)管理庫(kù)，用于管理復(fù)雜的 JavaScript 應(yīng)用程序中的狀態(tài)。

Redux 商店是一個(gè)全局狀態(tài)容器，其中包含應(yīng)用程序的所有狀態(tài)。在初始化 Redux 商店時(shí)，您需要配置中間件和增強(qiáng)器，以增強(qiáng)商店的功能。

中間件

中間件是 Redux 中間件，用于攔截并處理分派給商店的操作。它們?cè)试S您在操作到達(dá)減速器之前或之后執(zhí)行自定義邏輯。

有許多流行的中間件，包括：

redux-thunk ：允許您分派異步操作 redux-logger ：用于記錄分派給商店的操作 redux-saga ：用于管理副作用和異步流程

配置中間件

要配置中間件，請(qǐng)使用 applyMiddleware 函數(shù)，并將中間件列表作為參數(shù)傳遞給它。

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';const store = createStore(reducer,applyMiddleware(thunk)
);

增強(qiáng)器

增強(qiáng)器是 Redux 中間件，用于擴(kuò)展商店的功能。它們通常用于向商店添加新功能，例如開發(fā)工具。

有許多流行的增強(qiáng)器，包括：

redux-devtools-Extension ：允許您使用 Redux DevTools 對(duì)商店進(jìn)行調(diào)試 redux-persist ：允許您將商店?duì)顟B(tài)持久化到 localStorage 或 sessionStorage redux-batch ：允許您批處理操作以提高性能

配置增強(qiáng)器

要配置增強(qiáng)器，請(qǐng)使用 compose 函數(shù)，并將增強(qiáng)器列表作為參數(shù)傳遞給它。

import { createStore, combineReducers, compose } from 'redux';
import thunk from 'redux-thunk';
import devToolsEnhancer from 'redux-devtools-extension';const rootReducer =combineReducers({// 您的 reducers 在這里
});const store = createStore(rootReducer,compose(applyMiddleware(thunk),devToolsEnhancer())
);

完整的示例

以下是一個(gè)完整的 Redux 商店初始化示例，配置了中間件和增強(qiáng)器：

import { createStore, combineReducers, compose } from 'redux';
import thunk from 'redux-thunk';
import devToolsEnhancer from 'redux-devtools-extension';const rootReducer = combineReducers({// 您的 reducers 在這里
});const store = createStore(rootReducer,compose(applyMiddleware(thunk),devToolsEnhancer())
);

結(jié)論

配置中間件和增強(qiáng)器是Redux商店初始化的重要一步。通過這樣做，您可以擴(kuò)展商店的功能，使其更加強(qiáng)大和有用。

---

---

相關(guān)標(biāo)簽： Redux商店初始化、 配置中間件和增強(qiáng)器、 REDUX商標(biāo)、

上一篇：Ragel一個(gè)強(qiáng)大的狀態(tài)機(jī)編譯器rage例句

下一篇：Vuex存儲(chǔ)初始化創(chuàng)建模塊狀態(tài)和突變vuex存儲(chǔ)