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:
...
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 ...
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 ...
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 ...
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 === ...
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 =...
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])...
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 '...
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 ...
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 ...
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 ...
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 ...
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
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 ...
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)....
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 ...
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
});
...
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 ...
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 ...
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 ...
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-...
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....
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 ...
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 ...
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) => ({
...
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"....
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() {
...
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:...
1
voto
Aceito
Como remover um item dinamicamente de um objeto?
Você pode deletar pela chave:
delete x[actionID]
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-...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
redux × 66react × 53
javascript × 28
react-native × 18
axios × 3
react-hooks × 3
node.js × 2
firebase × 2
front-end × 2
html × 1
css × 1
angular × 1
funções × 1
typescript × 1
aplicação-web × 1
formulário × 1
dom × 1
mongoose × 1
link × 1
localstorage × 1
react-navigation × 1
auth × 1
react-router × 1
click × 1
fetch × 1