Это правильный способ реализации промежуточного программного обеспечения в Redux?

Question

Я пытаюсь отладить избыточное хранилище для асинхронных действий. Но я не могу передать диспетчеризацию как функцию, поэтому я буду публиковать серию вопросов, чтобы помочь себе найти свою проблему. Первое, что мне нужно убедиться, это то, что я правильно применяю Redux-Thunk. Так это правильный способ реализации промежуточного программного обеспечения для редуксов?

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;