Reactjs 使用ExNavigator和Redux的登录流?
我正在使用ExNavigator开发一个React本机应用程序,我想使用Redux。我想要一个基本的登录流程,我的意思是:Reactjs 使用ExNavigator和Redux的登录流?,reactjs,react-native,redux,Reactjs,React Native,Redux,我正在使用ExNavigator开发一个React本机应用程序,我想使用Redux。我想要一个基本的登录流程,我的意思是: 用户单击“登录”并提供正确信息 Redux通过Redux thunk或其他方式执行通常的异步流 当用户登录/请求成功时,移动到配置文件路由 我已经在web上进行了Redux登录,但我有点困惑,当登录工作时如何将ExNavigator移动到概要文件路径,因为Navigator对象似乎完全包含在组件中,而不是Redux中 有指针吗?我经常使用的一种模式是检测我的组件的组件将接收
有指针吗?我经常使用的一种模式是检测我的组件的
组件将接收props
中的状态变化,并从那里触发导航转换
假设您的状态包含一个属性isLoggedIn
,当登录成功时,您将该属性设置为true
。属性也作为道具传递给组件。然后你可以:
componenWillReceiveProps({isLoggedIn}) {
if (isLoggedIn && !this.props.isLoggedIn) {
this.props.navigator.push(nextRoute());
}
}
这可能不是解决问题的最优雅的方式,但它是有效的。React本机导航器
,因此构建在其上的ExNavigator
,无法轻松地将其应用于Redux体系结构
React Native团队正在开发一种新的导航API,目前称为NavigationExperimental
,它随RN的最新版本一起发布。它可以很好地与Redux()配合使用,但正如其名称所示,它仍然是非常实验性的