美文网首页ReactJS开发笔记
异步Action和中间件

异步Action和中间件

作者: 钢笔先生 | 来源:发表于2019-08-18 12:19 被阅读0次

Time: 2019-08-18

之前学到的都是同步action,分发action会同步修改store,以及同步触发UI更新。

Redux异步请求

异步action.png

这里的API常见的有发送Ajax请求获取数据。

点击View组件分发了某种Action,这个Action可以被中间件捕获,比如Ajax请求被中间件捕获,这个不是直接发送到Reducer,而是先交调用API,再根据API的返回结果发送不同的Action,比如成功,失败等对应的Action。

也就是说,中间件会在Action和修改Store之间做一层过滤。

这里说异步Action,实际上Action并没有什么特殊的地方,只是整体上完成了一次异步的Action到Store更新的处理过程,这是一种设计模式。

换句话说,异步Action是多个同步Action的组合使用,单个Action仍是同步Action。

这里会用到redux-thunk包。

Redux中间件 | Middleware

完成两种功能:

  • 截获action
  • 发出action

END.

相关文章

  • redux-thunk作用

    redux-thunk 是一个比较流行的 redux 异步 action 中间件,比如 action 中有 ***...

  • 异步Action和中间件

    Time: 2019-08-18 之前学到的都是同步action,分发action会同步修改store,以及同步触...

  • [React Native Error]Unhandled JS

    使用Redux 进行异步操作报错 解决 使用自定义中间件(middleware)来支持异步 action。

  • 使用redux-thunk 中间件实现ajax数据请求

    redux-thunk 是一个比较流行的 redux 异步 action 中间件,比如 action 中有 set...

  • 09-采用React Saga的心路历程

    我们在之前的实现中,对于异步 Action 的调用使用了 redux-saga 中间件。thunk 中间件通过增强...

  • 一步一步学习 ReactNative + Redux(6)

    写在开始 到这里,我们对 ReactNative 、Redux ,以及中间件、异步Action 都相当了解。这篇,...

  • 一起来学点redux-saga

    1.概述 Redux-saga是一个用于管理 Redux 应用异步操作的中间件(又称异步action) 本质都是为...

  • Redux介绍之异步Action

    上一篇介绍了中间件,是给本篇做铺垫用的,可以帮助你理解本篇介绍的异步Action。前几篇所有的Action都是同步...

  • redux-saga

    redux提供状态管理,但不能很好地处理异步操作。这时候需引入中间件中间件一般是在 View层发送 Action ...

  • redux中间件 ----thunk

    redux 中间件 为啥要用中间件: 通常情况下 action只是一个对象,不能包含异步操作,这导致了很多创建的a...

网友评论

    本文标题:异步Action和中间件

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