Como acessar armazenar dados em componentes usando reagem-redux

votos
0

Eu tenho dois componentes independentes chamados login e casa. Eu tenho usado mapStateToProps no componente de login para transmitir dados.

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

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

Um clique do botão do componente login irá navegar nos para a página inicial. Eu quero ficar e exibir todos os valores do 'loginData' no componente casa. Eu tentei this.props.loginData em casa comp. Mas não obteve os dados de armazenamento. Todas as sugestões sobre este assunto?

Publicado 18/12/2018 em 11:03
fonte usuário
Em outras línguas...                            


3 respostas

votos
0

Minha sugestão seria para disparar uma ação para encher a loja redux com os detalhes que o usuário tenha entrado depois de ser identificado. Depois disso pode usar mapStateToProps na home page para obter os detalhes da loja de redux.

Respondeu 18/12/2018 em 11:19
fonte usuário

votos
1

Para acessar o this.props.loginDatana sua componente homepage, mesmo lá você precisa usar mapStateToProps como a maneira que você usou no componente login.

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

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

em seguida, você será capaz de acesso this.props.loginData

Se você deseja acessar os dados de armazenamento Redux em qualquer componente que você precisa usar conectar e fazer uso de mapStateToPropsconectar os armazenar valores a seus adereços.

Respondeu 18/12/2018 em 11:25
fonte usuário

votos
0

Você pode passar dados através de propriedade do Estado

Se você estiver usando history.push

Como passar parâmetros com history.push em reagir-router v4?

semelhante com redirecionamento

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

Respondeu 18/12/2018 em 11:30
fonte usuário

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