Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用ExNavigator和Redux的登录流?_Reactjs_React Native_Redux - Fatal编程技术网

Reactjs 使用ExNavigator和Redux的登录流?

Reactjs 使用ExNavigator和Redux的登录流?,reactjs,react-native,redux,Reactjs,React Native,Redux,我正在使用ExNavigator开发一个React本机应用程序,我想使用Redux。我想要一个基本的登录流程,我的意思是: 用户单击“登录”并提供正确信息 Redux通过Redux thunk或其他方式执行通常的异步流 当用户登录/请求成功时,移动到配置文件路由 我已经在web上进行了Redux登录,但我有点困惑,当登录工作时如何将ExNavigator移动到概要文件路径,因为Navigator对象似乎完全包含在组件中,而不是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()配合使用,但正如其名称所示,它仍然是非常实验性的