Perguntas com a tag [redux]

Redux é um container de estado para aplicações em JavaScript, baseado na arquitetura de aplicação Flux.

Filtrar por
Ordenado por
Com tags
4 votos
2 respostas
91 visitas

“Child already has a parent, it must be removed first” ao enviar novo objeto para reducer

Possuo uma tabela onde desejo ordenar seus dados. A tabela é copulada através dos valores deste useSelector() const users = useSelector(state => state.userStates.users) Quando o usuário clica em ...
veroneseComS's user avatar
  • 2.815
3 votos
1 resposta
1mil visitas

Como fazer validação de um array se ele possui objetos dentro dele ou não? React JS

Tenho um código feito usando React JS e funciona assim, tenho um componente select, e este é reutilizado várias vezes e as informações que ele recebe sempre vem de um array, só que agora preciso ...
Anderson da Silva Cavalcante's user avatar
2 votos
1 resposta
4mil visitas

Erro: Module not found: Can't resolve 'react-redux' in

Quando tento rodar a aplicação pelo yarn retorna o seguinte erro: Reinstalei o pacote yarn add react-redux e npm install --save redux Código da página que esta dando erro: import React, {...
Thiago Rodrigues's user avatar
2 votos
2 respostas
637 visitas

Como disparar uma Action do Redux sem um component React

Olá, estou criando um interceptor para o axios que, se caso minha response houver um erro com o status Forbidden (403) o mesmo precisa disparar a Action que inicia o logoff do usuário para forçá-lo a ...
Leandro Santiago Gomes's user avatar
1 voto
1 resposta
997 visitas

Quando usar redux e state no react

Percebi que podemos usar o Redux e o State para trabalhar no react. Quando usar um ou outro?
Gustavo Silva's user avatar
1 voto
1 resposta
2mil visitas

React-router <Redirect> não funciona

Estou fazendo uma aplicação em React e quero fazer uma checagem, se o cara estiver autenticado, redirecionar direto para a Home, se não, vai pra tela de Login, esse é o Código: userReducer.js const ...
Ban's user avatar
  • 135
1 voto
1 resposta
420 visitas

React - Redux, como posso modificar um objeto complexo?

Estou tentando modificar algumas propriedades de um array através de um índice vindo de meu payload. O código abaixo percorre o array procurando pelo índice e tenta modicar suas propriedades. Isso ...
Marconi's user avatar
  • 18mil
1 voto
1 resposta
4mil visitas

Como posso alterar o estado de um item de array no React Native

Eu tenho uma lista que é carrega após o retorno da api, essa lista popula um FlatList. Ao clicar em algum item eu gostaria de marca-lo com o status que foi visualizado: usuarioViu Como posso fazer a ...
leedream's user avatar
  • 216
1 voto
1 resposta
95 visitas

React/Redux - Conexão em função

Olá! Tenho um arquivo contendo uma única função, ela deve retornar um boleano apartir de uma condição utilizando os dados do storage do redux. Eu consigo conectar o arquivo sem ser um ReactComponent ...
Augusto Henrique's user avatar
1 voto
1 resposta
1mil visitas

React utilizando Redux, nao esta salvando estado da aplicacao

Estou tentando implementar redux na minha app Web react, não da nenhum erro mas tambem não funciona, quando tento capturar estado fica como undefined estrutura: App.js routes.js store/actions....
FelipeAgger's user avatar
1 voto
1 resposta
281 visitas

React, Redux, Mobx] Qual a melhor forma de gerenciar estado com paginação?

Uso o mobx, e agora também hooks, para gerenciar estado da aplicação (se usasse redux enfrentaria o mesmo problema), e não encontrei uma melhor forma de gerenciar listagens com paginação. Se tenho ...
Misael Dos Santos's user avatar
1 voto
1 resposta
825 visitas

Porque utilizar Redux para fazer requisições para API no React?

Comecei a ver React bem antes de aprender a utilizar Redux e sempre fazia as requisições na API utilizando um Fetch ou Axios no próprio componente. Hoje já me aventuro no mundo do Redux e me deparo ...
Danilo Torquato's user avatar
1 voto
0 respostas
65 visitas

Qual a melhor maneira de implementar a lógica de autenticação em um aplicativo React Native com Redux?

Estou trabalhando em um aplicativo React Native que utiliza o Redux para gerenciar o estado global. Eu gostaria de implementar a lógica de autenticação no meu aplicativo, mas estou um pouco perdido em ...
IamThiago-IT's user avatar
1 voto
1 resposta
664 visitas

Como atualizar estado global do Redux em uma aplicação React depois de fazer um post na API? [fechada]

Um formulário em React que você entra com nome e texto. A aplicação usa estado global Redux, ele puxa uma API com axios e faz um post na API com os dados do formulário. Quando faço um novo post quero ...
user avatar
1 voto
1 resposta
478 visitas

React e Redux, chamada com dispatch ao reducer causando loop em componente baseado em classe

Minha aplicação combina React e Redux Tenho um componente baseado em classe chamado Login.js, um slice chamado settingsSlice.js e estou usando connect para acessar o estado nesse componente. Meus ...
Fernando Tholl's user avatar
1 voto
0 respostas
63 visitas

React Redux: Como mapeio dois objetos para cada componente filho renderizado corretamente usando mapStateToProps e mapDispatchToProps?

Um componente filho é renderizado por map no componente pai... Via props, no componente filho, eu recebo dois objetos e gostaria que esses dados fossem renderizados no componente certo que é mapeado. ...
Andressa Santana's user avatar
1 voto
0 respostas
130 visitas

Redux Hooks ReactJS - Tentando criar uma estrutura

estou tentando criar uma estrutura de login usando o Redux e Hooks no React.js. Porém estou tendo um erro que não estou conseguindo entender o motivo. Quem manja bem de Javascript poderá me ajudar. ...
Jeferson Costa's user avatar
1 voto
1 resposta
144 visitas

Qual a melhor prática na utilização de redux para projetos pequenos?

Boa noite. Estou iniciando um projeto em ReactJS um ERP Web contendo cadastros básicos de; pessoas, produtos, pedidos. Vou utilizar o redux pelos benefícios de compartilhamento de estados entre os ...
Darlan Costa's user avatar
1 voto
0 respostas
39 visitas

Dúvida sobre o store do Redux-React

Tenho três reducers: import { combineReducers } from 'redux'; import formularios from './formReducer'; import userLogin from './userReducer'; import errorReducer from './errorReducer'; export ...
Pedro Miguel's user avatar
1 voto
0 respostas
60 visitas

React Native - Redux ou Context API, como e porque? [fechada]

Olá, meu código ele precisa mandar um texto para outra tela, de acordo com o checkbox que for marcado. A mensagem que dever ser mandada pra outra tela deve ser aquela no qual teve o checkbox de "grau" ...
Victor Lourenço's user avatar
1 voto
0 respostas
371 visitas

React: Uncaught (in promise) TypeError: dispatch is not a function

Olá, Por algum motivo faço uma chamada e tenho o retorno desejado, porém da um erro do Dispatch, já testei diversas coisas e nada funciona. Minha action: export const formulariosExternos = dispatch ...
Matheus Ribeiro's user avatar
1 voto
0 respostas
38 visitas

Como gerenciar o estado de uma variável sem chamadas a API

Com o reducer: import { HIDE_MENU, ESTADO_MENU } from '../actions/types'; const initialState = { open: true } export default function (state = initialState, action) { switch (action....
Matheus Ribeiro's user avatar
1 voto
1 resposta
86 visitas

Como saber se devo atualizar ou não um componente?

Estou usando o React, React Native e Redux para fazer um aplicativo. Tentei estudar um pouco sobre os ciclos de vida de um componente mas acabei ficando confuso em relação às diversas opções ...
Nicolas S.'s user avatar
1 voto
0 respostas
263 visitas

Executar Redux Saga ao iniciar o app

Criei um app offline first para executar ações offline e enviar quando estiver online, e funciona bem, mas quando o app é fechado e inicializado novamente a fila de ações não executa pois quem faz a ...
AlexsanderSS's user avatar
1 voto
0 respostas
253 visitas

Problema com as actions no reduxsauce

Eu estou fazendo uma app simples de cadastro de receitas em react native e estou utilizando o redux com duck pattern e reduxsauce, segue o código: //DUCK DE RECEITA import { createActions, ...
AlexsanderSS's user avatar
1 voto
1 resposta
279 visitas

Recuperar index de item em lista para deletar

Estou tentando fazer um aplicativo de demonstração para cadastro de favoritos (Bookmarks). Eu consigo recuperar em uma lista o que eu digito nos 3 inputs que eu tenho na minha tela (Descrição, URL e ...
Luiz Honorato's user avatar
0 votos
1 resposta
589 visitas

localstorage com react redux [fechada]

bom dia, estou fazendo um teste com react-redux e localstorage ..ele funciona normal porem se eu der F5 na pagina ele nao recupera os dados que estavam sendo salvo no localstorage..alguém sabe o q ...
Deivid NN's user avatar
0 votos
1 resposta
497 visitas

Reactjs e Redux state nao altera

Boa tarde pessoal sou iniciante e estou tendo um problema na hora de atualizar meu state poderiam me ajudar ou dar alguma dica de como posso resolver isso Home.js import React from 'react'; import {...
Filipe Nickel Sala's user avatar
0 votos
1 resposta
1mil visitas

UseDispatch() dentro de um useEffect() -> *missing dependency*

ALERTA: React Hook useEffect has a missing dependency: 'dispatcher'. Either include it or remove the dependency array react-hooks/exhaustive-deps import React, {useEffect} from 'react' import {...
Lucas Gabriel Sousa's user avatar
0 votos
2 respostas
101 visitas

React Redux initState

É comum quando você trabalha com redux definir um state inicial, exemplo: const initState = { pagInicial:1, pagAtual:1, maxLinks:2, maxReg:5 } Até ai tudo bem. Agora e quando eu ...
Alexon da Silva Moreira's user avatar
0 votos
1 resposta
5mil visitas

Diferença e boas práticas, váriavel global ou de Contexto React Native

Sou novo em React Native e gostaria de entender de uma forma objetiva: Qual a diferença entre usar global.variavel = foo; ou criar uma api de contexto? 'recentemente o React implementou Context Api ...
Edson Filho's user avatar
0 votos
1 resposta
1mil visitas

React native error: undefined is not a function [fechada]

Estou tendo e seguinte erro no React native React native error: undefined is not a function import React, { Component } from 'react'; import { View, Text, StyleSheet } from 'react-native'; import {...
Matheus Matavelli's user avatar
0 votos
1 resposta
1mil visitas

Como pegar o estado de um reducer dentro de um component com o React Native

Olá, sou novato com React Native e estou tendo problemas pra conseguir passar o estado de um reducer para um componente que eu fiz. o mesmo está da seguinte forma: import React from 'react' import { ...
Leandro Santiago Gomes's user avatar
0 votos
2 respostas
997 visitas

Persistir currentUser do firebase com React Native

Essa função é disparada ao clicar no botão de Login: export const loginUser = ({ email, password }) => { return (dispatch) => { dispatch({ type: LOGIN_USER }); firebase.auth()....
Lucas Katayama's user avatar
0 votos
1 resposta
628 visitas

Callback com Redux-thunk

Gostaria de saber como faria para ter um retorno na chamada do dispath algo assim, isto com React: this.props.store.dispatch(dados, result => { console.log(result); }); Nesta linha acima do ...
CÉSAR SANTOS's user avatar
0 votos
1 resposta
187 visitas

Como remover um item dinamicamente de um objeto?

Estou utilizando um state do reducer, que contém um objeto neste formato: x = {10: {nome: 'lucas'}, 20:{nome: 'beraldo'}} <br/> E, recebo um id via action. Gostaria de fazer algo como o array....
Lucas's user avatar
  • 3
0 votos
1 resposta
198 visitas

É possível disparar dois tipos de ação no Redux ao mesmo tempo?

Estou utilizando o Redux e Redux-saga em uma aplicação com React e com dúvida na hora de exibir o load para o usuário quando uma saga for disparada. Não sei se é uma boa prática, mas estava pensando ...
Miguel Batista's user avatar
0 votos
1 resposta
234 visitas

Executar função gerenciada pelo Redux

Meu app React Native é gerenciado pelo Redux. Preciso executar a função _verificaLogin() vinda pelo connect automaticamente quando meu app é renderizando. Do modo que fiz não esta funcionando, acho ...
Rafael Silva's user avatar
0 votos
0 respostas
22 visitas

Como utilizar o push em state no React Native?

Olá Eu estou tentando utilizar o PUSH no STATE, o push adiciona corretamente os valores, mas eu recebo este erro. Eu sei que nao pode alterar o STATE diretamente, mas eu estou fazendo o SPREAD, mas ...
Code Maker's user avatar
0 votos
0 respostas
41 visitas

Como saber qual a página atual dos meus dados vindos da API?

Fiz a integração de uma API, mas ela não tem endpoint de "page" para saber qual é a página atual que está. Com base nisso, gostaria de uma ajuda para criar algo para descobrir a página atual ...
mateusj's user avatar
0 votos
1 resposta
261 visitas

Como escolher apenas alguns itens de um .map

Estou fazendo um aplicativo parecido com o facebook, todas as postagens estão em um .map: {datapost !== undefined && datapost.map(item => { return ( ...
Gabriel Oliveira Menezes's user avatar
0 votos
1 resposta
668 visitas

React Native - AppRegistry.registerComponent com Provider

Gostaria de saber o por que de quando eu uso o provider assim //Root.js import React from 'react'; import { combineReducers, createStore, applyMiddleware } from "redux" import { listaDesejosList, ...
Wagner Santos's user avatar
0 votos
1 resposta
216 visitas

Text não aparece usando React Hooks com Redux

Estou tentando pegar uma string salva no meu state do store e colocar ela em um componente de texto, mas o texto não esta aparecendo. Pra chamar a string, estou fazendo da seguinte forma: import {...
Itoh's user avatar
  • 9
0 votos
1 resposta
465 visitas

Redux, como acessar variaveis do state da store em funções

Olá, minha dúvida é se consigo acessar as variáveis da store em funções, algo como: --usuarioReducer.js-- const initialState = { usuario: {}, isAuth: false } --root.js-- import { Redirect } ...
Ban's user avatar
  • 135
0 votos
3 respostas
1mil visitas

Error "Property 'REDUX_DEVTOOLS_EXTENSION_COMPOSE' does not exist on type 'Window & typeof globalThis'."?

Ao configurar Redux DevTools obtenho o seguinte erro do TypeScript: Property 'REDUX_DEVTOOLS_EXTENSION_COMPOSE' does not exist on type 'Window & typeof globalThis'. store.ts import { ...
Marcelo Batista's user avatar
0 votos
0 respostas
46 visitas

Dispatcher não reconhece o payload React Native Redux

Ao tentar salvar um state novo no store do redux ele diz que tal variável não existe. O dispatcher (onde ele aponta o erro): export const valorMdoisD = () =>{ return{ type: ALIGN_M, ...
Itoh's user avatar
  • 9
0 votos
1 resposta
395 visitas

Função do Redux Saga não está sendo chamada

Estou tendo um problema com o Redux Saga. A requisição está chegando na action e no reducer mas não passa pelo Saga. Estou iniciando no Saga então não estou conseguindo identificar qual é o problema ...
Ana Alice Walker's user avatar
0 votos
0 respostas
65 visitas

Existe a possibilidade de criar um handleChange para uma form que pega os valores de um store Redux?

Seguinte, estou criando um app e me deparei com este problema: Tenho uma store setada e quero criar um form de atualização dos dados no Atlas(MongoDB). Porém quero que esse form, já venha com os ...
Gabe Leon's user avatar
0 votos
1 resposta
70 visitas

Componente não está sendo renderizado

No meu arquivo app.jsx possuo a importação do componente "atividades": import React from 'react' import { Container } from 'semantic-ui-react' import atividades from '../atividades/atividades' ...
veroneseComS's user avatar
  • 2.815
0 votos
1 resposta
272 visitas

Erro ao tentar exportar uma constante no react

Criei esse reducer: const funcionarioReducer = (state = [], action) => { switch(action.type) { case 'ADD_FUNCIONARIO': return state.concat([action.data]); default: ...
veroneseComS's user avatar
  • 2.815