Comment accéder à stocker des données dans les composants à l'aide de réagir-redux

voix
0

J'ai deux composants indépendants appelés connexion et à la maison. Je l'ai utilisé mapStateToProps dans le composant de connexion pour transmettre des données.

function mapStateToProps(state) {
  return { loginData: state.agent };
}

export default withRouter(connect(mapStateToProps)(login));

Un clic sur le bouton du composant de connexion nous accéder à la page d'accueil. Je veux obtenir et afficher toutes les valeurs « loginData » dans le composant de la maison. J'ai essayé this.props.loginData en comp à domicile. Mais ne pas obtenir les données du magasin. Toutes les suggestions à ce sujet?

Créé 18/12/2018 à 11:03
source utilisateur
Dans d'autres langues...                            


3 réponses

voix
1

Pour accéder à la this.props.loginDatadans votre composant page d'accueil, même là , vous devez utiliser mapStateToProps comme la façon dont vous avez utilisé dans le composant de connexion.

function mapStateToProps(state) {
  return { loginData: state.agent };
}

export default withRouter(connect(mapStateToProps)(homepage));

alors vous serez en mesure d'accéder this.props.loginData

Si vous souhaitez accéder aux données de magasin Redux dans l' un des composants , vous devez utiliser connecter et utiliser mapStateToPropspour relier les valeurs de magasin à vos accessoires.

Créé 18/12/2018 à 11:25
source utilisateur

voix
0

Vous pouvez transmettre des données via la propriété de l'État

Si vous utilisez history.push

Comment passer params avec history.push dans React-routeur v4?

similaire avec redirect

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md

Créé 18/12/2018 à 11:30
source utilisateur

voix
0

Ma suggestion serait de tirer une action pour remplir le magasin redux avec les détails saisis par l'utilisateur après avoir été connecté. Après cela peut utiliser mapStateToProps dans la page d'accueil pour obtenir les détails de la boutique redux.

Créé 18/12/2018 à 11:19
source utilisateur

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