1.我传入thunk,promise,logger中间件,当dispatch 传入的action是一个function更新数据,根据thunk的源码,后面的promise,logger中间件都不会执行。那么logger中间件如何记录的action的更新数据?var thunk = createThunkMiddleware();thunk.withExtraArgument = createThunkMiddleware;正常执行流程应该是thunk -> promise -> logger -> dispatch -> logger -> promise -> thunk 当我dispatch 传入的action是一个function更新数据,根据thunk的源码,后面的promise,logger中间件都不会执行。那么logger中间件如何记录的action的更新数据?2.在thunk,promise里面都采用的return 下一个next,那么dispatch ->后面的logger -> promise -> thunk那不是都不会执行了吗?我看着是这两篇关于applyMiddleware文章链接描述,链接描述
1 回答

一只斗牛犬
TA贡献1784条经验 获得超2个赞
先说结论:
thunk
后面的中间件不走了,自然 logger 也无法记录。next
是包装过后的 dispatch,也就是用来一层层调用 middleware 的,这个看官网的教程应该很好理解。
thunk
中间件的核心是下面这段。
if (typeof action === 'function') { return action(dispatch, getState, extraArgument); }return next(action);
thunk
后面中间件不走,是因为它没有将你的方法通过 next
传递给下一个中间件,而是直接调用了你方法,并将 dispatch
传给了你的方法的第一个参数,这样使得你可以在你的函数中再使用 dispatch 来 dispatch 一个 action。新 dispatch 的 action 自然会重新走整个 middleware 的流程。
所以,如果你将 logger 置于 thunk 之后,且函数不再 dispatch 一个 action 的话,logger 中间件是不会有记录的。
需要注意的是,logger 中间件是否执行取决于你 applyMiddleware
的次序,如果,你将例子中 applyMiddleware
的顺序倒一倒,logger 中间件还是会走的。
添加回答
举报
0/150
提交
取消