美文网首页前端知识点简记
redux 的中间件redux-thunk

redux 的中间件redux-thunk

作者: IOneStar | 来源:发表于2022-01-10 16:44 被阅读0次

redux源码中只有同步操作,当我们dispatch action时,state会立即被更新。
如果想在redux中引入异步数据流,可以使用中间件来增强createStore,支持异步数据流的中间件,最简单的应该就是redux-thunk。

redux-thunk

是一个 redux 的中间件,解决异步Action。主要功能 dispatch 一个函数,而不是 object。会带来很大的灵活性。

function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) =>
    (next) =>
    (action) => {
      if (typeof action === 'function') {
        return action(dispatch, getState, extraArgument);
      }

      return next(action);
    };
}

const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware;

export default thunk;

源码只有几行。

相关文章

网友评论

    本文标题:redux 的中间件redux-thunk

    本文链接:https://www.haomeiwen.com/subject/ronmcrtx.html