基于 API 调用的导航 redux 和 react native

Question

我在我的移动应用程序中使用redux和reactive。

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

我已经在我的应用程序中使用了动作、减速器和存储。

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

提前谢谢你。

Answer 1

处理用户导航的一种方法是首先定义三个操作：register、registerSuccess、registerError。

负责处理导航的将是 registerSuccess，它将只返回类型"REGISTER_SUCCESS"。

然后你的化简器会看起来像这样(我使用的是不可变的.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 
}
}

Answer 2

请参阅文档如何将导航连接到 Redux -> https://reactnavigation.org/docs/guides/redux