Perguntas com a marcação «redux»

Vou migrar para o Redux. Meu aplicativo consiste em várias partes (páginas, componentes), por isso quero criar muitos redutores. Exemplos de redux mostram que eu deveria usar combineReducers()para gerar um redutor. Além disso, como eu entendo, o aplicativo Redux deve ter um armazenamento e é criado assim que o aplicativo …

187 javascript  flux  redux  code-splitting 

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 2 anos . Melhore esta pergunta O React 16.3.0 foi lançado e …

187 javascript  reactjs  redux  react-redux  react-context 

Quero persistir algumas partes da minha árvore de estado no localStorage. Qual é o local apropriado para fazer isso? Redutor ou ação?

166 javascript  redux  local-storage  state 

Existe uma abordagem sistemática para depurar o que está fazendo com que um componente seja renderizado novamente no React? Coloquei um console.log () simples para ver quanto tempo ele renderiza, mas estou tendo problemas para descobrir o que está causando o componente renderizar várias vezes, ou seja, (4 vezes) no …

156 reactjs  redux 

Este é um exemplo da página do aplicativo Google Adsense. A tela de carregamento exibida antes da página principal foi exibida depois. Não sei como fazer a mesma coisa com o React, porque se eu fizer a tela de carregamento renderizada pelo componente React, ela não será exibida enquanto a …

150 reactjs  asynchronous  redux 

Estou usando o Redux. No meu redutor, estou tentando remover uma propriedade de um objeto como este: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } E eu quero ter algo assim sem ter que alterar o estado original: const newState = { …

145 javascript  immutability  redux 

Código completo aqui: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Oi, Eu tenho um aplicativo onde ele mostra modelos diferentes para desktop e dispositivos móveis com base no ambiente de construção. Sou capaz de desenvolvê-lo onde preciso ocultar o menu de navegação do meu modelo para celular. agora eu sou capaz de escrever um caso de …

142 reactjs  mocha  redux 

Como adiciono elementos na minha matriz arr[]de estado redux no redutor? Eu estou fazendo isso- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

Qual é a diferença entre componente e container no react redux?

135 javascript  reactjs  redux 

Em vez de escrever meus componentes dentro de uma classe, gostaria de usar a sintaxe da função. Como faço para substituir componentDidMount, componentWillMountdentro dos componentes da função? É mesmo possível? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); …

134 reactjs  redux 

Eu usei Redux-Saga . O código escrito com ele é fácil de raciocinar até agora, exceto que a função de gerador JS está atrapalhando minha cabeça de vez em quando. Pelo meu entendimento, o Redux-Observable pode realizar um trabalho semelhante que lida com efeitos colaterais, mas sem usar a função …

133 javascript  redux  reactive-programming  redux-saga  redux-observable 

Eu tenho um aplicativo react / redux que busca um token de um servidor API. Após a autenticação do usuário, gostaria de fazer com que todas as solicitações axios tivessem esse token como um cabeçalho de autorização sem ter que anexá-lo manualmente a cada solicitação na ação. Eu sou bastante …

130 reactjs  redux  axios 

Eu tenho um formulário que é usado para criar, ler, atualizar e excluir. Criei 3 componentes com a mesma forma, mas passo-os diferentes adereços. Eu tenho CreateForm.js, ViewForm.js (somente leitura com o botão excluir) e UpdateForm.js. Eu costumava trabalhar com PHP, então sempre fazia isso de uma forma. Eu uso …

128 javascript  reactjs  crud  redux 

Sou iniciante em javascript / redux / react, criando um pequeno aplicativo com redux, react-redux e react. Por algum motivo, ao usar a função mapDispatchToProps em conjunto com connect (ligação react-redux), recebo um TypeError indicando que o despacho não é uma função quando tento executar o prop resultante. No entanto, …

124 javascript  reactjs  redux  react-redux 

Como faço para acessar o estado redux dentro de uma função saga? Resposta curta: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

121 javascript  reactjs  redux  react-redux  redux-saga