微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 为什么redux-saga使用put方法而不是dispatch?

README文件中的演示示例在worker saga中使用名为put()的函数而不是dispatch().

...

// worker Saga: will be fired on USER_FETCH_REQUESTED actions
function* fetchUser(action) {
   try {
      const user = yield call(Api.fetchUser,action.payload.userId);
      yield put({type: "USER_FETCH_SUCCEEDED",user: user});
   } catch (e) {
      yield put({type: "USER_FETCH_Failed",message: e.message});
   }
}

...

解决方法

Redux-Sagas基于 generator functions.每当你调用其中一个时,它就会被执行直到达到收益.除了允许您通过等待承诺执行异步操作之外,这在例如测试方面具有许多优点.

从根本上说,模拟是你在测试时试图避免的.为此,遵循声明式方法.关键是你没有派遣(也没有真正做任何事),中间件就是这样.您只为此中间件提供名为Effects的对象.因此,put将做的是创建一个中间件将“读取”的Effect对象.然后,它将调度该动作并使用next(结果)(结果是效果告诉中间件要做的任何结果)转到下一个yield并获得下一个Effect.你可以阅读更多关于它here.

请记住,与redux-thunk appear when testing comes in相比,redux-sagas的主要优点是能够声明每个put将返回哪个效果,调用and then just iterating from yield to yield而不是模拟API调用或调度是一个主要卖点为redux-sagas.在你完全理解这个概念之前,你可能需要阅读和练习一点,但我希望我的解释能够解决你的疑问.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐