Perguntas com a marcação «react-redux»

Eu tenho uma ação que atualiza o estado de notificação do meu aplicativo. Normalmente, esta notificação será um erro ou informação de algum tipo. Preciso despachar outra ação após 5 segundos que retornará o estado de notificação ao inicial, portanto, nenhuma notificação. A principal razão por trás disso é fornecer …

891 javascript  redux  react-redux  timeout 

Eu estava lendo a documentação da biblioteca Redux e ela tem este exemplo: Além de ler o estado, os componentes do contêiner podem despachar ações. De maneira semelhante, você pode definir uma função chamada mapDispatchToProps()que recebe o dispatch()método e retorna adereços de retorno de chamada que deseja injetar no componente …

358 reactjs  redux  react-redux 

Estou criando um aplicativo que precisa mostrar uma caixa de diálogo de confirmação em algumas situações. Digamos que eu queira remover algo, então enviarei uma ação como essa deleteSomething(id)para que algum redutor pegue esse evento e preencha o redutor de diálogo para mostrá-lo. Minha dúvida surge quando este diálogo é …

240 javascript  modal-dialog  redux  react-redux 

Estou tentando entender o método de conexão do react-redux e as funções que ele assume como parâmetros. Em particular mapStateToProps(). Pelo que entendi, o valor de retorno de mapStateToPropsserá um objeto derivado do estado (como ele vive na loja), cujas chaves serão passadas para o componente de destino (o componente …

219 javascript  reactjs  redux  react-redux 

A POSTsolicitação axios está atingindo a URL no controlador, mas configurando valores nulos para minha classe POJO. Quando passo pelas ferramentas de desenvolvedor no chrome, a carga contém dados. O que estou fazendo de errado? Solicitação POS Axios: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', …

203 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

@connectfunciona muito bem quando estou tentando acessar a loja dentro de um componente de reação. Mas como devo acessá-lo em algum outro código? Por exemplo: digamos que eu queira usar um token de autorização para criar minha instância axios que possa ser usada globalmente no meu aplicativo, qual seria a …

192 reactjs  redux  react-redux 

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 

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 

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 

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 appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); …

118 javascript  reactjs  react-redux  frontend 

Vejo que as funções mapStateToPropse mapDispatchToPropsque são passadas para a connectfunção no Redux levam ownPropscomo um segundo argumento. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Para que serve o [ownprops]argumento opcional ? Estou procurando um exemplo adicional para deixar as coisas claras, pois já existe um nos …

95 redux  react-redux 

Estou tentando separar um componente de apresentação de um componente de contêiner. Eu tenho um SitesTablee um SitesTableContainer. O contêiner é responsável por acionar ações de redux para buscar os sites apropriados com base no usuário atual. O problema é que o usuário atual é buscado de forma assíncrona, depois …

95 reactjs  redux  react-redux 

Estou quebrando o exemplo de tarefas do Redux para tentar entendê-lo. Eu li que mapDispatchToPropspermite mapear ações de despacho como adereços, então pensei em reescrever addTodo.jspara usar mapDispatchToProps em vez de chamar dispatch (addTodo ()). Eu chamei addingTodo(). Algo assim: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

92 javascript  reactjs  redux  react-redux 

Redux docs para bindActionCreators afirma que: O único caso de uso bindActionCreatorsé quando você deseja passar alguns criadores de ação para um componente que não está ciente do Redux e não quer passar o envio ou o armazenamento do Redux para ele. Qual seria um exemplo onde bindActionCreatorsseria usado / …

91 reactjs  redux  react-redux