在 react-redux 和 redux-saga 中，异步调用成功后转换到新路由的正确方法是什么？

Question

我正在使用 react、redux、redux-saga 和 react-router-redux。我正在寻找一种在异步调用成功后转换到新路由的“正确”方式。

例如，用户提交订单并被重定向到感谢页面。在幕后，我们

• 当前路线是orders/new
• dispatch(submitOrder())
• submitOrder() saga 运行，异步网络调用
• api 返回成功，SUBMIT_ORDER_SUCCESS action 被调度

此时我想转换到orders/:orderId/complete。

在哪里/如何正确执行此操作？

使用OrderFormContainer.componentWillReceiveProps() 钩子是可能的，检查像nextProps.submitDidSucceed 这样的布尔值，然后调用一个转换动作——但这​​很脆弱，感觉根本上是错误的。

Answer 1

您可以在 saga 中使用 push 动作创建器导航到新位置：

import { push } from 'react-router-redux';

 //... your saga code
 // api return success
 yield put(SUBMIT_ORDER_SUCCESS); // your existing action
 yield put(push('/orders/:orderId/complete')); //  use push to redirect to desired location