Perguntas com a marcação «redux»

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') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) …

121 reactjs  react-native  redux  axios 

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 receitas" para isso, então estou …

119 architecture  internationalization  reactjs  translation  redux 

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 adicionar um item - eu uso o spread para …

116 javascript  reactjs  redux 

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 em comum) entre essas …

113 javascript  rxjs  redux 

Você deve usar this.setState()ao usar redux? Ou você deve sempre despachar ações e depender de acessórios?

111 reactjs  flux  redux 

Fechado . Esta questão precisa ser mais focada . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que ela se concentre em apenas um problema, editando esta postagem . Fechado há 2 anos . Melhore esta questão Sou novo no React / Redux. Eu uso …

107 javascript  reactjs  redux 

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 :) …

107 javascript  reactjs  redux 

Eu tenho um problema em que a re-renderização do estado causa problemas de interface do usuário e foi sugerido apenas atualizar um valor específico dentro do meu redutor para reduzir a quantidade de re-renderização em uma página. este é um exemplo do meu estado { name: "some name", subtitle: "some …

106 javascript  reactjs  redux 

Tenho um redutor para clientes, outro para AppToolbar e alguns outros ... Agora, digamos que eu criei uma ação fetch para excluir o cliente e, se ela falhar, eu tenho um código no redutor de clientes que deve fazer algumas coisas, mas também quero exibir algum erro global no AppToolbar. …

105 javascript  reactjs  redux 

Eu sou novo no React Router e aprendi que existem muitas maneiras de redirecionar uma página: Usando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Usando this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …

102 reactjs  redux  react-router 

Sei que essa é uma pergunta básica, mas não tive sorte em encontrar a resposta em outro lugar. É store.dispatchsíncrono ou assíncrono Redux? No caso de ser assíncrono, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada, como é possível com React?

101 javascript  reactjs  redux  single-page-application 

Tenho um componente que criei: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { playlists: …

100 javascript  reactjs  redux 

Estou tentando criar um método de mapa de cópia profunda para meu projeto Redux que funcionará com objetos em vez de matrizes. Eu li que no Redux cada estado não deve mudar nada nos estados anteriores. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] …

99 javascript  ecmascript-6  redux  spread-syntax 

Estou trabalhando em um projeto com Typescript, React e Redux (todos rodando em Electron), e tive um problema ao incluir um componente baseado em classe em outro e tentar passar parâmetros entre eles. Em termos gerais, tenho a seguinte estrutura para o componente do contêiner: class ContainerComponent extends React.Component<any,any> { …

96 reactjs  typescript  redux  electron  jsx 

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