Cómo acceder a almacenar datos en los componentes usando reaccionar-redux

votos
0

Tengo dos componentes independientes llamadas de inicio de sesión y el hogar. He utilizado mapStateToProps en el componente de inicio de sesión para pasar datos.

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

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

Un clic del botón del componente de entrada nos va a navegar a la página principal. Quiero llegar y mostrar todos los valores de la 'loginData' en el componente de casa. He tratado this.props.loginData en un borrador casa. Pero no consiguió los datos de la tienda. Cualquier sugerencia sobre esto?

Publicado el 18/12/2018 a las 11:03
fuente por usuario
En otros idiomas...                            


3 respuestas

votos
0

Mi sugerencia sería para disparar una acción de llenar el almacén redux con los datos que el usuario ha entrado después de haber iniciado la sesión. Después de eso puede utilizar mapStateToProps en la página de inicio para obtener los detalles de la tienda de redux.

Respondida el 18/12/2018 a las 11:19
fuente por usuario

votos
1

Para acceder a la this.props.loginDatade su componente página principal, aunque no es necesario utilizar mapStateToProps como la forma en que ha usado en el componente de inicio de sesión.

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

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

entonces usted será capaz de acceder this.props.loginData

Si desea acceder a los datos de la tienda Redux en cualquiera de los componentes que necesita para utilizar conectar y hacer uso de mapStateToPropsconectar los valores de las tiendas para sus accesorios.

Respondida el 18/12/2018 a las 11:25
fuente por usuario

votos
0

Puede pasar de datos a través de la propiedad del Estado

Si está utilizando history.push

Cómo pasar params con history.push en reaccionar-enrutador v4?

similar con redirección

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

Respondida el 18/12/2018 a las 11:30
fuente por usuario

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