this.props.logged in 不是函数未定义

Question

在 Tabbar 的一个选项卡中按下注销我添加了这个功能来导航到登录屏幕：

 logout() {
    AuthenticationService.logout();
      const resetAction = NavigationActions.reset({
          index: 0,
          actions: [
              NavigationActions.navigate({ routeName: 'Login'})],
              key : null
      })
      this.props.navigation.dispatch(resetAction);
  }

它工作成功，但是当我再次从登录屏幕单击登录按钮时，它会发出警告：这是屏幕截图 -

你能告诉我我在这里做错了什么吗？

注销方法如下：

  async logout() {
        try {
            await authService.signOut()
            console.log("User successfully logged out")
            return true
        } catch (err) {
            console.error("Log out failure", err)
            Alert.alert("Logout failed", "Try again")
            return false
        }
    }

Answer 1

我没有发现您发布的代码有任何问题，我认为问题与您的登录有关，api 可能失败了。您可以在登录中添加适当的错误处理 action/reducer 并且假设您使用的是 redux，请不要忘记在注销成功时将 loggedIn 状态设置为 false。

this.props.logged in 不是函数未定义

this.props.logged in is not a function is undefined

android

ios

reactjs

react-native

expo