如何将Redux中同步与异步action的运用巧妙融合为一个高效的长尾?

2026-03-31 17:480阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计768个文字,预计阅读时间需要4分钟。

如何将Redux中同步与异步action的运用巧妙融合为一个高效的长尾?

异步action执行:Object{};同步action执行:function(){};异步action包含同步action,类型为Object类型函数对象;同步action被dispatch到store后,store直接将其交给reduce处理。

异步action

  • action:Object{} => 同步action
  • action:function() => 异步action
同步action异步action类型Object类型的对象function()函数dispatch(action)同步的action被dispatch到store后;
store直接将其交给reducer加工。异步的action函数被dispatch到store后;
store会先调用这个函数,等待异步任务结束。

store监测到传入的action是一个一般对象,那么store就知道这是一个同步的action,store就会把这个action交给Reducers去加工,执行。

但是store若监测到传入的action是一个函数,那么store就知道这是一个异步的action,store就会配合中间件,先调用这个函数。等到函数内的异步任务结束,再调用函数内部的同步的dispatch,再交给Reducers去加工状态。

阅读全文
标签:使用异步

本文共计768个文字,预计阅读时间需要4分钟。

如何将Redux中同步与异步action的运用巧妙融合为一个高效的长尾?

异步action执行:Object{};同步action执行:function(){};异步action包含同步action,类型为Object类型函数对象;同步action被dispatch到store后,store直接将其交给reduce处理。

异步action

  • action:Object{} => 同步action
  • action:function() => 异步action
同步action异步action类型Object类型的对象function()函数dispatch(action)同步的action被dispatch到store后;
store直接将其交给reducer加工。异步的action函数被dispatch到store后;
store会先调用这个函数,等待异步任务结束。

store监测到传入的action是一个一般对象,那么store就知道这是一个同步的action,store就会把这个action交给Reducers去加工,执行。

但是store若监测到传入的action是一个函数,那么store就知道这是一个异步的action,store就会配合中间件,先调用这个函数。等到函数内的异步任务结束,再调用函数内部的同步的dispatch,再交给Reducers去加工状态。

阅读全文
标签:使用异步