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 página...
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 = { a: '1', b: '2', c: { x: '42', }, } Eu...
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...
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) {...
Qual é a diferença entre componente e container no react
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...
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 de...
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 novo no...
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...
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...
Estou tentando enviar uma solicitação GET como segundo parâmetro, mas não funciona enquanto faz como url. Isso funciona, $ _GET ['naam'] retorna o teste: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test')...
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
Estou construindo um aplicativo que precisará estar disponível em vários idiomas e localidades. Minha pergunta não é puramente técnica, mas sim sobre a arquitetura e os padrões que as pessoas estão realmente usando na produção para resolver esse problema. Não consegui encontrar nenhum "livro de...
Sendo um iniciante no mundo React, quero entender em profundidade o que acontece quando eu uso {this.props.children}e quais são as situações para usar o mesmo. Qual é a relevância disso no snippet de código abaixo? render() { if (this.props.appLoaded) { return ( <div> <Header...
Eu sei que não devo alterar a entrada e devo clonar o objeto para alterá-lo. Eu estava seguindo a convenção usada em um projeto redux starter que usava: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) para...
Como estou usando o react-router para lidar com minhas rotas em um app react, estou curioso para saber se há uma maneira de redirecionar para um recurso externo. Digamos que alguém acerte: example.com/privacy-policy Eu gostaria que redirecionasse
Eu sei que Redux é uma "implementação" melhor do Flux, ou melhor dizendo, é um redesenho para simplificar as coisas (gerenciamento de estado do aplicativo). Já ouvi muito sobre programação reativa (RxJS), mas ainda não mergulhei para aprender. Então, minha pergunta é: há alguma interseção (algo...
Tenho um problema ao navegar para outra página, sua posição permanecerá como a página anterior. Portanto, não vai rolar para cima automaticamente. Eu também tentei usar window.scrollTo(0, 0)no roteador onChange. Também usei scrollBehavior para corrigir esse problema, mas não funcionou. Alguma...
Você deve usar this.setState()ao usar redux? Ou você deve sempre despachar ações e depender de
Eu tenho um componente React simples que eu conecto (mapeando uma matriz / estado simples). Para evitar fazer referência ao contexto da loja, gostaria de uma maneira de obter "envio" diretamente dos adereços. Já vi outras pessoas usando essa abordagem, mas não têm acesso a ela por algum motivo...