這是在Redux中實現中間件的正確方法嗎？

Question

我正在嘗試調試異步存儲的redux存儲。 但是我無法通過調度功能，所以我將發布一系列問題以幫助自己找到問題。 我需要確保的第一件事是我正確地應用了redux-thunk。 那么這是實現redux中間件的正確方法嗎？

 import { createStore,applyMiddleware,combineReducers,compose } from 'redux'; import thunk from 'redux-thunk'; import {createLogger} from 'redux-logger'; import {inventoryFilter,availableAttributes} from '../reducers/reducer'; const logger=createLogger() const Store = createStore( ///combine imported reducers combineReducers({ activeFilter:inventoryFilter, availableAttributes:availableAttributes },{},applyMiddleware(thunk,logger) )); export default Store; 

Answer 1

不。您要將中間件增強程序作為參數傳遞給combineReducers ，而實際上它應該是createStore的參數。

這是我的寫法：

import { createStore,applyMiddleware,combineReducers,compose } from 'redux';
import thunkMiddleware from 'redux-thunk';
import {createLogger} from 'redux-logger';
import {inventoryFilter,availableAttributes} from '../reducers/reducer';


const rootReducer = combineReducers({
    activeFilter:inventoryFilter,
    availableAttributes:availableAttributes
});

const loggerMiddleware = createLogger();
const middlewareEnhancer = applyMiddleware(thunkMiddleware, loggerMiddleware);

const store = createStore(rootReducer, middlewareEnhancer);

export default store;