nextProps.history.push nem kerül újra teszi az összetevő bejelentkezéskor

szavazat
0

Van egy nagy ahhoz, hogy a komponens átirányítások felhasználót műszerfal aláírásával. A kérdés az, a műszerfal nem kerül újra kiolvasztott upon átirányítást.

    static getDerivedStateFromProps(nextProps) {
      if (nextProps.user.isAuthenticated) {
        nextProps.history.push(/dashboard);

      }
      if (nextProps.errors) {
        return { errors: nextProps.errors };
      }
      return null;
    }

Vajon valaki, hogy mi a probléma lehet? Én a hash router mellesleg

isAuthenticated (FullCode)

import React, { Component } from react;
import { connect } from react-redux;
import {  initLogin } from ../../actions/userActions;

export interface authHocProps {
  user?: any;
  history?: any;
  initLogin: () => void;
}
export interface authState {
  errors: object;
}
export default function(WrappedComponent) {
  class IsAuth extends Component<authHocProps, authState> {
    //   this line is magic, redirects to the dashboard after user signs up
    // this replace getDerivedStateFromPropss
    static getDerivedStateFromProps(nextProps) {
      if (nextProps.user.isAuthenticated) {
        nextProps.history.push(/dashboard);

      }
      if (nextProps.errors) {
        return { errors: nextProps.errors };
      }
      return null;
    }
    ourState: authState = {
      errors: {},
    };
    componentDidMount() {
      this.props.initLogin();
      if (this.props.user.isAuthenticated) {
        this.props.history.push(/dashboard);
      }

    }
    render() {
      return <WrappedComponent {...this.props} />;
    }
  }
  const mapStateToProps = (state: any) => ({
    user: state.user,
  });
  const mapDispatchToProps = (dispatch: any) => ({
    initLogin: () => dispatch(initLogin()),
  });
  return connect(mapStateToProps, mapDispatchToProps)(IsAuth);
}
A kérdést 13/01/2020 21:51
a forrás felhasználó
Más nyelveken...                            


2 válasz

szavazat
2

Úgy tűnik, a probléma oka lehet az a tény, hogy nem próbálják használni getDerivedStateFromPropsvalami más, mint a rendeltetésszerű használat. Ennek alapján a docs , úgy tűnik, ez nem az a hely, a mellékhatások, hanem a cél az, hogy visszatérjen egy objektum frissítési állapot. Még tho nézi a kódot nem tudok mondani, az biztos, hogy én tudom, hogy miért nem működik, azt gondolom, hogy segítségével a megfelelő életciklus módszer akkor nagyon jól oldja meg a problémát.

Azt hiszem, componentDidUpdateez lenne a megfelelő életciklus módszert használja itt, és hogy nézne ki egy kis valamit, mint ez.


componentDidUpdate(prevProps) {
    if (prevProps.user.isAuthenticated) {
        prevProps.history.push("/dashboard");
    }
}
Válaszolt 13/01/2020 22:15
a forrás felhasználó

szavazat
0

Képes volt javítani úgy, hogy ezt, hála @Chaim nekem a helyes irányba

componentDidUpdate(prevProps){
  if(prevProps.user.isAuthenticated !== this.props.user.isAuthenticated){
    this.props.history.push("/dashboard");
  }
  if (prevProps.errors) {
    this.setState({
      errors: prevProps.errors
    })
  }

}

Használatával is <Router>Ahelyett<HashRouter>

Válaszolt 14/01/2020 01:49
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more