Что не так с этим Redux applyMiddleware, потому что он работает только с одним

Question

Я изучаю React Redux и, если у меня есть одна middleware функция в index.js и импортирует ее в configureStore.js, все работает следующим образом:

const middlewares = [forbiddenWordsMiddleware, thunk]
const store = createStore(
  reduce,
  storeEnhancers(applyMiddleware(...middlewares))
);
export default store;

Когда я добавляю еще одну middlewaregetDataMiddleware вот так:

const middlewares = [forbiddenWordsMiddleware, getDataMiddleware, thunk]
const store = createStore(
  reduce,
  storeEnhancers(applyMiddleware(...middlewares))
);
export default store;

Я получаю сообщение об ошибке в других запрещенных словах Middleware, например:

TypeError: next is not a function
(anonymous function)
L:/react/redux-tutorial/src/js/middleware/index.js:19
  16 |                     return dispatch(addBadWword(foundWord));
  17 |                 }
  18 |             }
> 19 |             return next(action);
  20 |         };
  21 |     };
  22 | }

Функции экспортированы / импортированы правильно. Я думаю, что я добавил изображение, показывающеефайлы и ошибка:

Answer 1

getDataMiddleware вторая функция получает next метод отправки промежуточного программного обеспечения.кажется, вы ошибочно назвали это dispatch.