操作成功后重定向

Question

我目前正在使用 react-navigation 包在 React Native 中进行身份验证项目。到目前为止一切顺利，我设置了 3 个导航器，一个用于加载，一个用于身份验证，一个用于应用程序。

我还使用 redux 进行了导航设置，因此我可以通过 prop 从任何组件访问它，这正是我想要做的。

但是，我有一个问题。我进行了一些研究，但似乎无法找出最好的方法。

我正在通过按下按钮attemptLogin() 发送一个动作，尝试登录然后执行它在锡上所说的操作，它尝试登录。

成功登录后，我使用 expo 将 access_token 存储在 SecureStore 中。

现在，成功登录后，我需要从当前堆栈导航到新堆栈。

最好的方法是什么，你能从 redux 动作中返回一个承诺吗？如果是这样，最好的方式是在组件内部，然后在组件内部执行类似

this.props.login(username, password).then(() => { this.props.navigation... });

或者你会在行动内部做吗？

Answer 1

推荐方式如下：

componentDidUpdate(prevProps) {
  if(this.props.loggedInSuccessfully && !prevProps.loggedInSuccessfully) {
    this.props.navigation.navigate....
  }
}

onLoginButtonPress = () => {
  const { username, password } = this.state;
  this.props.login(username, password);
}

成功登录后，在你的 reducer 中更新状态 loggedInSuccessfully 并在 componentDidUpdate 中实现逻辑。以我的拙见，这种方式对于维护您的代码的人来说是最清晰的

Answer 2

您还可以从 redux 操作或您想要的任何地方导航。

阅读官方docs关于导航服务。