Skip to main content

Respostas interessantes marcadas com a tag

4 votos
Aceito

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

Se todos os dados de cada índice do teu array forem do mesmo tipo, tu pode verificar o tipo de um dos indices e com base nisso escolher qual tipo de option tu vai renderizar. Pode verificar assim: ...
HelloWorld's user avatar
4 votos
Aceito

Quando usar redux e state no react

Utiliza-se State dentro da lógica do seu componente, para armazenar alguma informação não persistente inerente à ele, algo que dependendo dessa informação você vai usar para renderizar algo ou dar ...
Luis Grappi's user avatar
3 votos
Aceito

React-router <Redirect> não funciona

O problema é que você está utilizando return no ComponentDidMount com a intenção de renderizar um elemento. Isso não acontece. Para renderizar o elemento, ele deve ser retornado dentro do render. Uma ...
Rafael Tavares's user avatar
3 votos
Aceito

Minha variável com useSelector está printando undefined mesmo quando o reducer já retornou o valor

Existem dois problemas não relacionados no seu código, então vou dividir a resposta em partes: Como funciona o seu estado redux Primeiro, você está tentando buscar o valor de filias diretamente no ...
Felipe Avelar's user avatar
2 votos
Aceito

React - Redux, como posso modificar um objeto complexo?

Faça da seguinte maneira, abrindo chave dentro da função e fazendo a atribuição de forma manual. case 'setTotalEstoque': const arrayFavorito = state.contents.map((content, i) => { if(i === ...
André Lins's user avatar
  • 1.547
2 votos
Aceito

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

Você tem que utilizar TouchableHighlight para que os items respondam adequadamente aos toques. Defina um método para atualizar o valor da propriedade. handleUsuarioViu = (index) => { let dados =...
NoobSaibot's user avatar
  • 9.772
2 votos

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

O alerta é dado pois a função dispatch não está no array de dependência do useEffect. Para solucionar precisa deixar desta forma useEffect(() => { dispatch(ACTION.CARREGAR()) }, [dispatch])...
Vicenzo Martinelli's user avatar
2 votos
Aceito

Reactjs e Redux state nao altera

Eu converti para um modelo em react-hooks que é muito mais fácil de entender do que no modelo "arcaico". import React, { useEffect, useState } from 'react' import { Container, Form, Button } from '...
greguintow's user avatar
2 votos

React Redux initState

O estado Redux do aplicativo ("estado do aplicativo") armazena informações necessárias para o uso do aplicativo. O estado inicial é determinado para conveniência e pra detalhar quais as propriedades ...
nbkhope's user avatar
  • 1.370
2 votos
Aceito

localstorage com react redux

createStore não admite 4 argumentos, mas apenas 3. reducer (Function) preloadedState (any) enhancer (Function) Reproduzi um exemplo aqui, mudando praticamente apenas isso: carregando o state a ...
Rodrigo Amaral's user avatar
1 voto
Aceito

Live search utilizando React-Redux

O código fornecido está incompleto, mas dá para perceber o que está acontecendo. const works = state.brandList.filter(item => item.name === value); Essa linha filtra o array brandList com itens ...
Rodrigo Amaral's user avatar
1 voto

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

Você está fazendo errado. Você deve criar um hooks para isto já que está usando o react funcional. Primeiro, deve criar um hooks com a finalidade de fazer solicitação rest, pois para verificar se o ...
Leandro Budau de Moraes's user avatar
1 voto
Aceito

Manter state da Store do Redux em cache

Para realizar esse processo o ideal é utilizar esse cara que ira lhe auxiliar em relação de armazenar os dados localmente no frontend https://github.com/rt2zz/redux-persist
Matheus Paice's user avatar
1 voto
Aceito

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

Este erro, como eu comentei, é um problema do compilador/transpilador (chame como desejar) que é executado "fora" do navegador, a todo momento que o transpilador do TypeScript nota uma atualização em ...
Syzoth's user avatar
  • 100mil
1 voto

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

Minha solucao para o problema foi : const composeEnhancers = typeof window === 'object' && (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? (window as any)....
Marcelo Batista's user avatar
1 voto
Aceito

React utilizando Redux, nao esta salvando estado da aplicacao

Implementei seu código no CodeSandbox, ignorando algumas partes que faltavam. Quase sempre que, ao usar o react-redux, uma ação disparada aparentemente não fizer nenhum efeito no store, é porque o ...
Rodrigo Amaral's user avatar
1 voto

Executar função gerenciada pelo Redux

Você precisa fazer um dispatch para adicionar sua função no connect. Ex: import actions from 'myActions' ... const mapStateToProps = state => ({ message: state.LoginReducer.message }); ...
Lucas Carneiro's user avatar
1 voto

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

São coisas bem diferentes Variável Global Você fazer global.variavel indica que você está declarando uma variável global que por si só implica em diversos problemas. Veja Por que usar variáveis ...
Anderson Henrique's user avatar
1 voto
Aceito

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

"A melhor forma" é a melhor forma para o seu caso. Você pode salvar na store a página individual que cada componente está "observando" na lista, de maneira que cada componente teria seu acesso ...
Ericson Willians's user avatar
1 voto
Aceito

Erro ao tentar exportar uma constante no react

Estranho esse erro que você recebe. De qualquer forma, acredito que a solução seja realizar um default import ao invés de um named import, já que você faz um default export. Para fazer isso, basta ...
Lucas João's user avatar
1 voto

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

Qual gerenciador de pacote você usa? Este pacote pode estar no node_modules, mas se não estiver no package.json ou no arquivo de cache da gerenciadores de dependências/pacotes (yarn.lock ou package-...
Lucas Duarte's user avatar
1 voto

Como disparar uma Action do Redux sem um component React

Você pode obter uma instância da sua store e usar o dispatch. import axios from 'axios' import { logoffRequest } from 'store/actions/userActions' import { store } from '/caminho' axios.interceptors....
Marconi's user avatar
  • 18mil
1 voto
Aceito

Component de graficos para React Native?

Já utilizei este componente de gráficos. É bem simples e útil. Abaixo de implementação: import React from 'react' import { LineChart, Grid } from 'react-native-svg-charts' class LineChartExample ...
Vinicius Farias's user avatar
1 voto
Aceito

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

Danilo, geralmente eu uso o Redux quando preciso de usar uma resposta da consulta a API para mais de um componente e evitar o props drill. Quando os componentes estão totalmente separados então o ...
Carlos Querioz's user avatar
1 voto
Aceito

React native error: undefined is not a function

O seu mapDispatchToProps esta errado tu tem que fazer assim, porque da maneira que voce esta fazendo ele nao vai mapear os dados nas props do react 😀: const mapDispatchToProps = (dispatch) => ({ ...
Luiz Fernando Sousa Camargo's user avatar
1 voto

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

Teoricamente a parte do componente esta funcionando, você esta usando o combine reducer? Se não estiver não precisar especificar qual reducer está usando apos a variavel estate, ex : state."REDUCER"....
Tiago Oliveira's user avatar
1 voto
Aceito

Persistir currentUser do firebase com React Native

Eu já passei por isso e consegui resolver de uma maneira simples: isLogged() { if(firebase.auth().currentUser){ //Esta logado então faça algo ... } } componentDidMount() { ...
Fernando Vieira's user avatar
1 voto
Aceito

Callback com Redux-thunk

Muito simples amigo, oque você precisa fazer é retornar uma promise após todas as execuções do seu fluxo. Primeiro, na sua action, após a requisição e a chamada do dispatch, crie uma promise. Exemplo:...
RickPariz's user avatar
  • 706
1 voto
Aceito

Como remover um item dinamicamente de um objeto?

Você pode deletar pela chave: delete x[actionID]
Maycon F. Castro's user avatar
1 voto

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

Falando de Redux, por mais que você tente, vc só vai conseguir disparar uma action de cada vez, isso porque no javascript, as instruções são executadas uma por vez e mesmo que vc use Redux-Saga, Redux-...
Jan Cássio's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible