导航redux并基于API调用进行本地响应

Question

我正在使用redux并在移动应用程序中进行本机响应。

我想根据API响应重定向到另一个屏幕。 我不知道该怎么做。

我已经使用动作，减速器并将其存储在我的应用程序中。

您能帮我找到标准解决方案吗？

先感谢您。

Answer 1

参见doc如何将导航连接到Redux-> https://reactnavigation.org/docs/guides/redux

Answer 2

处理用户导航（例如注册用户）的一种方法是首先定义三个动作：register，registerSuccess，registerError。

负责处理导航的将是registerSuccess，它将仅返回类型“ REGISTER_SUCCESS”。

然后，您的减速器将如下所示（我正在使用immutable.js https://facebook.github.io/immutable-js/docs/#/ ）

 const initialState = fromJS({
   submitSuccess: false,
 });

function reducer(state = initialState, action) {
  case REGISTER_SUCCESS:
     return state.update('submitSuccess', (v) => !v));
   default:
     return state;

然后在您的容器中，您可以使用componentWillReceiveProps来重定向您的用户

 componentWillReceiveProps(nextProps) {
   if (nextProps.submitSuccess) {
     // redirect your user 
   }
 }