Perguntas com a marcação «redux»

Estou tentando separar um componente de apresentação de um componente de contêiner. Eu tenho um SitesTablee um SitesTableContainer. O contêiner é responsável por acionar ações de redux para buscar os sites apropriados com base no usuário atual. O problema é que o usuário atual é buscado de forma assíncrona, depois …

95 reactjs  redux  react-redux 

No capítulo sobre como projetar a forma do estado , os documentos sugerem manter seu estado em um objeto codificado por ID: Mantenha cada entidade em um objeto armazenado com um ID como uma chave e use IDs para referenciá-lo a partir de outras entidades ou listas. Eles continuam a …

94 javascript  redux  spread-syntax 

Estou trabalhando na investigação de um aplicativo front-end de complexidade média. No momento, ele está escrito em javascript puro, e possui várias mensagens diferentes baseadas em eventos conectando algumas partes principais deste aplicativo. Decidimos que precisamos implementar algum tipo de contêiner de estado para este aplicativo no escopo de refatoração …

93 javascript  redux  state-machine  xstate 

Estou trabalhando em um projeto no React e tive um problema que me deixou perplexo. Sempre que corro yarn start, recebo este erro: TypeError [ERR_INVALID_ARG_TYPE]: O argumento "path" deve ser do tipo string. Tipo recebido indefinido Eu não tenho idéia do por que isso está acontecendo, se alguém tiver experimentado …

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Tanto quanto eu sei e corrijo-me se estou errado, redux-thunk é um middleware que nos ajuda a despachar funções assíncronas e valores de depuração na própria ação, enquanto quando eu usei redux-promessa não pude criar funções assíncronas sem implementar minhas próprias como Action lança uma exceção de despachar apenas objetos …

92 reactjs  redux  redux-thunk  redux-promise 

Estou quebrando o exemplo de tarefas do Redux para tentar entendê-lo. Eu li que mapDispatchToPropspermite mapear ações de despacho como adereços, então pensei em reescrever addTodo.jspara usar mapDispatchToProps em vez de chamar dispatch (addTodo ()). Eu chamei addingTodo(). Algo assim: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

92 javascript  reactjs  redux  react-redux 

O primeiro princípio da documentação Redux é: O estado de todo o seu aplicativo é armazenado em uma árvore de objetos dentro de um único armazenamento. E eu realmente pensei que entendia bem todos os princípios. Mas agora estou confuso sobre o que significa aplicação. Se aplicação significa apenas uma …

92 reactjs  redux  flux 

Redux docs para bindActionCreators afirma que: O único caso de uso bindActionCreatorsé quando você deseja passar alguns criadores de ação para um componente que não está ciente do Redux e não quer passar o envio ou o armazenamento do Redux para ele. Qual seria um exemplo onde bindActionCreatorsseria usado / …

91 reactjs  redux  react-redux 

Estou lutando para descobrir o problema com a seguinte sintaxe: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …

91 javascript  reactjs  async-await  redux 

Digamos que eu tenha um botão simples: Quando clico no botão, o componente de cor muda entre vermelho e azul Eu poderia alcançar esse resultado fazendo algo assim. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': …

89 javascript  reactjs  redux 

Eu normalmente posto coisas relacionadas ao código no Stack, mas esta é mais uma questão sobre quais são os pensamentos gerais da comunidade. Parece haver muitas pessoas defendendo o uso de Redux com React para gerenciar dados / estado, mas ao ler e aprender ambos, descobri algo que não parece …

88 javascript  reactjs  redux 

Eu tenho testes de unidade para o meu reducers. No entanto, quando estou depurando no navegador, quero verificar se minhas ações foram chamadas corretamente e se o estado foi modificado de acordo. Estou procurando algo como: window._redux.store ... no navegador para que eu possa digitar no console e verificar como …

88 javascript  reactjs  redux 

Tenho um redutor e, para calcular o novo estado, preciso de dados da ação e também de dados de uma parte do estado não gerenciada por esse redutor. Especificamente, no redutor que mostrarei abaixo, preciso acessar o accountDetails.stateOfResidenceIdcampo. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', …

88 javascript  reactjs  redux 

Eu tenho autenticação por token de um servidor, então quando meu aplicativo Redux é carregado inicialmente eu preciso fazer uma solicitação a este servidor para verificar se o usuário está autenticado ou não, e se sim, eu devo obter o token. Descobri que o uso de ações básicas INIT do …

88 reactjs  redux 

Provavelmente estou perdendo algo muito óbvio e gostaria de me esclarecer. Aqui está o meu entendimento. Em um componente de reação ingênuo, temos states& props. Atualizar statecom setStaterenderiza novamente todo o componente. propssão geralmente somente leitura e atualizá-los não faz sentido. Em um componente react que se inscreve em um …

86 reactjs  redux  react-redux