как перенаправить на другую страницу, если условие истинно

Question

Я хочу перенаправить, если пользовательское состояние зарегистрировано как true, тогда оно перенаправляет на домашний экран, если при входе в систему показывается состояние, но не перенаправляет на домашний экран.

`componentDidMount() {
//realtime auth state subscriber
this.auth_unsb = firebase.auth().onAuthStateChanged(user => {
  if (user) {
    this.setState({ loggedIn: true });
    //if logged in
    this.handleUser(user);

    //each time user logs in, subscribe to realtime changes for it's doc
    this.user_unsb = this.firebase
      .firestore()
      .collection("users")
      .doc(user.uid)
      .onSnapshot(
        doc =>
          //sync user data to store
          (Store.currentUserDoc = doc.data()),
        e => {}
      );
  } //if logged out
  else {
    this.setState({ loggedIn: false });
    //unsubscribing from realtime user do changes
    if (this.user_unsb) this.user_unsb();
    return <Redirect to="/login" />;
  }
});

} `

Answer 1

Если вы хотите легко перенаправить, вы можете использовать следующий код:

if (your_condition) {
    window.location.href = 'your/path';
}

Этот универсальный с JavaScript.

Answer 2

Вы можете использовать объект истории,

history.push("/login");

или в методе рендеринга проверить значение this.user_unsb,

if(this.user_unsb){
  return <Redirect to="/login" />;
}

// return your component jsx;

Надеюсь, это поможет вам!