Articles of redux

Como unidade de teste React-Redux Connected Components?

Estou usando Mocha, Chai, Karma, Sinon, Webpack para testes unitários. Eu segui este link para configurar meu ambiente de teste para o código React-Redux. https://medium.com/@scbarrus/how-to-get-test-coverage-on-react-with-karma-babel-and-webpack-c9273d805063#.7kcckz73r Eu posso testar com sucesso a minha ação e reduzir o código javascript, mas quando se trata de testar meus componentes, ele sempre gera algum erro. import React from ‘react’; […]

Noções básicas sobre React-Redux e mapStateToProps

Estou tentando entender o método de conexão do reag-redux e as funções que ele toma como parâmetros. Em particular, mapStateToProps . A maneira que eu entendo, o valor de retorno de mapStateToProps será um object derivado do estado (como vive na loja), cujas chaves serão passadas para o seu componente de destino (o componente conectar […]

Use Conectar ou passar dados como acessórios para crianças

Eu sou novo para reagir e redux. Eu tenho um cenário onde existem componentes nesteds como este. A> B> C> D Existe uma propriedade usada no componente A e será usada no componente D. Então, eu tenho duas abordagens: Obtenha o estado do repository do redux no componente A e, em seguida, passe-o como acessório […]

É store.dispatch no Redux síncrono ou asynchronous

Eu percebo que esta é uma questão básica, mas não tive sorte em encontrar a resposta em outro lugar. O store.dispatch é síncrono ou asynchronous no Redux ? Caso seja asynchronous, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada como é possível com o React ?

axios postar pedido para enviar dados do formulário

axios A solicitação POST está atingindo o URL no controlador, mas definindo valores nulos para minha class POJO, quando eu passo pelas ferramentas do desenvolvedor no chrome, a carga útil contém dados. O que estou fazendo de errado? Pedido POST do Axios: var body = { userName: ‘Fred’, userEmail: ‘Flintstone@gmail.com’ } axios({ method: ‘post’, url: […]

Qual é a melhor maneira de acessar o armazenamento do redux fora de um componente reagente?

@connect funciona muito bem quando estou tentando acessar a loja dentro de um componente @connect . Mas como devo acessá-lo em algum outro código? Por exemplo: digamos que eu queira usar um token de autorização para criar minha instância de axios que pode ser usada globalmente no meu aplicativo, qual seria a melhor maneira de […]

Como redefinir o TabNavigator quando o usuário efetua logout (de outra canvas)

Aqui está a minha hierarquia de arquivos de projeto RootTabNavigator | AuthStackNavigator // I want to go back to this navigator | AuthoScreen | Welcome Screen | MainTabNavigator // I want to reset MainTabNavigator | FeedStacknavigator | Screen A | OtherStackNavigatorOne | Screen E | OtherStackNavigatorTwo | Screen D | MenuStackNavigator | Menuo <-I'm here […]

por que você precisa ligar uma function em um construtor

Tenho uma pergunta relevante para este código: https://github.com/reactjs/redux/blob/master/examples/async/containers/App.js especificamente: constructor(props) { super(props) this.handleChange = this.handleChange.bind(this) this.handleRefreshClick = this.handleRefreshClick.bind(this) } Eu acho que é uma questão de 2 partes. Por que eu preciso definir a mudança de identificador como uma instância de class this.handleChange = , não posso apenas usar funções estáticas para handleChange e chamá-lo […]

Manipulando solicitação assíncrona com React, Redux e Axios?

Eu sou novo para Reagir JS e Redux e tem sido muito grande para ir. Estou tentando fazer uma solicitação POST usando o Axios, mas não consigo fazer isso. Pode ser que eu esteja faltando alguma coisa no arquivo contêiner. Abaixo está o código. Verifique plnkr Atualização: Estou recebendo a mensagem @@ redux-form / SET_SUBMIT_SUCCEEDED […]

Não é possível o erro de tratamento adequado no ajax do rxjs

Eu escrevo o aplicativo em React um Redux e eu tenho um caso que eu tenho que enviar pedido para algum recurso quando a ação específica foi chamada e resposta do tipo ‘text/html’ gravar no estado. Esse recurso pode retornar status 200 ou 404 e não posso escrever o teste correto para o caso com […]