javascript - 如何在 redux 中间件中调度一个 Action ？

Question

我写了一个中间件，如下所示:

const testMiddleware = ({ dispatch, getState }) => next => action => {
    console.log('test middleware')
};

export default testMiddleware;

并将其添加到我的商店:applyMiddleware(testMiddleware) 在任何操作中，我都会在控制台中得到test middleware。

我写了一个简单的 Action ，如下所示:

export const sayHi = () => {
    return dispatch => {
        console.log('hi');
    }
}

如何在中间件中调度 sayHi 操作？

Answer 1

中间件获取商店的 getState() 和dispatch() 函数作为第一个参数，因此您可以执行以下操作(在导入所需操作后):

const middleware = ({dispatch, getState }) =>{
    return next => action => {
        dispatch(someAction);
        // return data;
        return next(action);
  }
}

So, the middleware signature is ({ getState, dispatch }) => next => action.

https://redux.js.org/api/applymiddleware