让 Redux 调用下一个中间件有什么作用

来源:5-5 Middleware(中间件)

迷失的小麦

2020-11-06

const logger = ({getState, dispatch}) => next => action => {
  console.group(action.type);
  console.log('dispatching:', action);
  const result = next(action);
  console.log('next state:', getState());
  console.groupEnd();
  return result;
}

export default logger;

为什么在前后两次的打印中间调用next(action),即让 Redux 调用下一个中间件。是不是为了完成当前的dispatch从而打印派发过后的state的状态

写回答

1回答

艾特老干部

2020-11-13

你好。没有完全看懂你的问题。 这是很自然的写法,先打印出要执行的action信息,然后next(action)是redux真正的执行这个action,执行完成后,再打印出最新的state。 这正是日志中间件的作用。

0
0

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程