javascript - Lägg funktion som returnerar promise i redux-tillstånd

Jag kommer att förklara varför jag vill göra detta senare. Här är problemet. Jag har en funktion som returnerar ett löfte som nedan:

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

Läs mer →

javascript - Redux NODE_ENV-fel med Gulp/Browserify

Jag får detta felmeddelande på en React/Redux-app som är minifierad och paketerad med Browserify och Gulp och distribuerad till Heroku.

Men det verkar som att byggsteget görs i NODE_ENV='production'.

Jag har en uppgift som sätter miljövariablerna på detta sätt

gulp.task('apply

Läs mer →

javascript - Kedja Redux-åtgärder

Jag är ny på React, Redux och JS överlag. Jag vill veta hur jag kan dispatcha en action efter att en annan är klar - Promises på rätt sätt. Min kod fungerar egentligen men den fortsätter att ge fel:

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

Det här är min uppsättning.

• Det här är min action creator som jag vill ha kedjade åtgärder och där varningen inträffar.

  export function creat
  Läs mer →

javascript - React Redux - åtkomst till befintlig store i en hjälpfunktion

Jag försöker få tillgång till store-instansen (store-tillståndet) utanför en React-komponent, nämligen i en separat hjälp- eller funktion. Jag har min reducer, min action, jag har skapat en store i den översta komponenten.

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

Läs mer →

javascript - Redux Thunk return dispatch fungerar inte

med Redux Thunk, första loggen 'OK' är OK, men processen går inte vidare till den andra console.log.

Någon som vet vad som är fel? Tack

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

Svar #1

Du bör göra dispatch(postTweet(body)). Bara att kalla postTweet som postTweet(body) från komponenten fungerar inte.

Läs mer →

javascript - Ansluta NextJS, next-i18next, with-redux, with-redux-saga: "Fel: Om du har en getInitialProps-metod i din anpassade _app.js-fil..."

Jag försöker ansluta en fungerande NextJS/React-app som använder 'with-redux-saga' och 'with-redux' till 'next-i18n' (https://github.com/isaachinman/next-i18next) -- men när min app startar får jag följande fel:

Fel: Om du har en getInitialProps-m

Läs mer →

javascript - Redux RTK Query: Ogiltigförklara endast ett element från listan

Jag har följande API definierad för RTK-förfrågan:

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

Läs mer →

javascript - Hur bör avprenumerering hanteras i en React-komponent när man använder Redux?

I min komponent har jag följande:

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

Läs mer →

javascript - Redux-thunk med Websockets

Jag vill skapa en websocket på begäran när vissa komponenter vill prenumerera på data. Hur kan jag dela websocket-instansen på ett redux-liknande sätt?

action.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)) } } }

Jag

Läs mer →

javascript - Hämta redux-form värden i onChange-händelse

Vad är det korrekta sättet att hämta värdena från ett formulär som hanteras av redux-form efter varje formuläruppdatering? Jag behöver skicka en åtgärd varje gång formuläret ändras, med hjälp av de värden som har fyllts i formuläret.

Min nuvarande lösning hämtar de gamla värdena, istället för de som just up

Läs mer →