美文网首页
react redux 异步

react redux 异步

作者: 苍老师的眼泪 | 来源:发表于2022-08-08 04:48 被阅读0次

    一个应用的状态和状态相关的操作就是一个 store, Redux 应用只有一个单一的 store。
    当想要使状态(state)发生改变时,就需要使用 store.dispatch 方法。有两种改变 state 的方法:同步的和异步的改变。

    同步和异步修改 state 的方式都是通过 store.dispatch(action创建函数的调用) 来实现的,唯一的区别在于 action 创建函数

    同步 action创建函数

    同步 action 创建函数的调用返回一个 action对象,直接 store.dispatch(action) 或者使用将 mapDispatchToProps 注入到组件的 props 中交由组件调用即可同步修改 state。

    异步 action 创建函数

    异步 action 创建函数的调用返回一个函数,该函数接收一个 dispatch 参数,实现在异步结果返回后调用 dispatch 来完成对 state 的修改。
    该函数的返回值将成为 store.dispatch 调用的返回值。
    为了使 redux 能以这样的方式(store.dispatch(一个函数))运作,标准的做法是使用 Redux Thunk 中间件。
    为了使 store 应用中间件,还需从 redux 里面导入 applyMiddleware,最终结果类似:

    const store = createStore(
        AppState,
        applyMiddleware(thunkMiddleware)
    )
    

    相关文章

      网友评论

          本文标题:react redux 异步

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