javascript - Colocar função que retorna promessa no estado do redux

Vou explicar por que quero fazer isto mais tarde. Aqui está o problema. Tenho uma função que retorna uma promessa como abaixo:

const testFunc = () => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() > 0.5) { resolve('succeeded'); }

Ler mais →

javascript - Erros NODE_ENV do Redux com Gulp/Browserify

Estou a receber esta mensagem de erro numa aplicação React/Redux que está minificada e empacotada com Browserify e Gulp e implantada no Heroku.

Mas parece que o passo de construção está a ser feito em NODE_ENV='production'.

Tenho uma tarefa que define as variáveis de ambiente assim

Ler mais →

javascript - Encadeamento de ações Redux

Sou novo em React, Redux e JS em geral. Quero saber como posso dispatchar uma ação depois de outra terminar - Promises da maneira correta. O meu código na verdade funciona, mas continua a lançar o seguinte erro:

readingActions.js?14b9:56 Uncaught (in promise) TypeError: dispatch(...).then is not a function(…)

Esta é a minha configuração.

• Este é o meu criador de ações, o que eu quero é uma ação encadeada e onde ocorre o aviso.

  export fu
  Ler mais →

javascript - React Redux - aceder a uma store existente numa função auxiliar

Estou a tentar obter a instância da store (estado da store) fora de um componente React, concretamente numa função auxiliar separada. Tenho o meu reducer, a minha action, criei uma store no componente mais superior.

// configStore.js import { createStore } from 'redux'; import

Ler mais →

javascript - Redux Thunk retorno de dispatch não está a funcionar

usando Redux Thunk, o primeiro log 'OK' está OK, mas o processo não vai para o segundo console.log.

Alguém sabe o que está errado? Obrigado

export const postTweet = (body) => { console.log('OK') return dispatch => { console.log('NO LOG') } }

Resposta #1

Deves fazer dispatch(postTweet(body)). Apenas chamar postTweet como postTweet(body) a partir do componente não resulta.

Ler mais →

javascript - A ligar NextJS, next-i18next, with-redux, with-redux-saga: "Erro: Se tiver um método getInitialProps no seu ficheiro _app.js personalizado..."

Estou a tentar ligar uma aplicação NextJS/React funcional que usa 'with-redux-saga' e 'with-redux' ao 'next-i18n' (https://github.com/isaachinman/next-i18next) -- mas quando a minha aplicação inicia recebo o seguinte erro:

Erro: Se tiver um método

Ler mais →

javascript - Redux RTK Query: Invalidar apenas um único elemento da lista

Tenho a seguinte API definida para a query RTK:

export const postsApi = createApi({ reducerPath: "postsApi", baseQuery: fetchBaseQuery({ baseUrl: 'https://myservice.co/api/v2/' }), tagTypes: ["Posts"], endpoints: (builder) => ({ getAllPosts: builde

Ler mais →

javascript - Como deve ser gerido o cancelamento de subscrição num componente React ao usar Redux?

No meu componente tenho o seguinte:

componentWillMount: function () { this.unsubscribe = store.subscribe(function () { this.setState({message: store.getState().authentication.message}); }.bind(this)); }, componentWillUnmount: function () { this.u

Ler mais →

javascript - Redux-thunk com Websockets

Quero criar um websocket sob demanda quando certos componentes quiserem subscrever dados. Como posso partilhar a instância do websocket de forma semelhante ao Redux?

ação.js

export function subscribeToWS(url) { return dispatch => { let websocket = new WebSocket(url) websocket.on('connect', () => { websocket.send("subscribe") } websocket.on('message', (message) => { dispatch(storeNewData(message)) } } }

Ler mais →

javascript - Obter valores do redux-form no evento onChange

Qual é a forma correta de obter os valores de um formulário gerido pelo redux-form após cada atualização do formulário? Preciso de despachar uma ação sempre que o formulário mudar, usando os valores introduzidos no formulário.

A minha solução atual obtém os valores antigos, em vez daqueles que acabaram de s

Ler mais →