Fechado . Esta questão precisa ser mais focada . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que ela se concentre em apenas um problema, editando esta postagem . Fechado há 2 anos . Melhore esta...
Eu tenho um problema em que a re-renderização do estado causa problemas de interface do usuário e foi sugerido apenas atualizar um valor específico dentro do meu redutor para reduzir a quantidade de re-renderização em uma página. este é um exemplo do meu estado { name: "some name", subtitle:...
Tenho um redutor para clientes, outro para AppToolbar e alguns outros ... Agora, digamos que eu criei uma ação fetch para excluir o cliente e, se ela falhar, eu tenho um código no redutor de clientes que deve fazer algumas coisas, mas também quero exibir algum erro global no AppToolbar. Mas os...
Eu sou novo no React Router e aprendi que existem muitas maneiras de redirecionar uma página: Usando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Usando this.context.router.push("/path") class Foo extends...
Sei que essa é uma pergunta básica, mas não tive sorte em encontrar a resposta em outro lugar. É store.dispatchsíncrono ou assíncrono Redux? No caso de ser assíncrono, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada, como é possível com...
Tenho um componente que criei: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
Estou tentando criar um método de mapa de cópia profunda para meu projeto Redux que funcionará com objetos em vez de matrizes. Eu li que no Redux cada estado não deve mudar nada nos estados anteriores. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function...
Estou trabalhando em um projeto com Typescript, React e Redux (todos rodando em Electron), e tive um problema ao incluir um componente baseado em classe em outro e tentar passar parâmetros entre eles. Em termos gerais, tenho a seguinte estrutura para o componente do contêiner: class...
Vejo que as funções mapStateToPropse mapDispatchToPropsque são passadas para a connectfunção no Redux levam ownPropscomo um segundo argumento. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Para que...
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...
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 afirmar...
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...
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...
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...
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...
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...
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...
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...
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 :
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...