Tag: redux-thunk

Thunk-middleware für Redux. Redux Thunk-middleware ermöglicht es Ihnen zu schreiben action-Macher, die eine Funktion anstelle einer Handlung. Der thunk kann verwendet werden, um die Verzögerung der Absendung einer Aktion, oder Versand nur, wenn eine bestimmte Bedingung erfüllt ist. Die innere Funktion erhält die store-Methoden dispatch und getState() als Parameter.

wie und Wann ein Anruf reagieren Komponente Methoden nach Zustand zu ändern, von redux

Anzahl der Antworten 2 Antworten
In einem einzigen reagieren Komponente ein Benutzer auf eine Schaltfläche klickt, => das ruft eine Methode => löst eine Aktion aus => async Holen => reducer updates state => Komponente erhält neue Requisiten. zurück in die ursprüngliche

richtige Art und Weise zu verwenden, firestore onSnapShot mit reagieren redux

Anzahl der Antworten 2 Antworten
Ich versuche, herauszufinden, die richtige Art und Weise zu verwenden, firestore.onSnapshot mit reagieren-redux. Momentan habe ich diesen code in meine action-Datei, die rufe ich auf componentWillMount() in meine Komponente. export const fetchCheckins = () => async (dispatch)

redux-thunk und die Handhabung von Ausnahmen innerhalb dispatch Ergebnisse

Anzahl der Antworten 3 Antworten
Habe ich eine grundlegende thunk action creator und reducer adaptiert von der Redux-Dokumentation: http://redux.js.org/docs/advanced/AsyncActions.html //action creator function fetchPosts () { return dispatch => { dispatch({ type: 'FETCH_POSTS_REQUEST' }) return fetch('http://jsonplaceholder.typicode.com/posts') .then(response => response.json()) .then(json => dispatch({ type:

Redux-Router - "Versand ist nicht definiert"

Anzahl der Antworten 1 Antworten
Ich habe eine einfache Komponente, die fordert, eine Aktion auszuführen, wenn ein Benutzer lädt eine Seite, und im inneren dieser Aktion, ich versuche, die Versand-eine weitere Aktion der loggedIn Staat, der den laden auf true oder false:

redux Aktion "keine Funktion" wird ausgelöst, wenn von der Komponente

Anzahl der Antworten 6 Antworten
Ich versuche, eine app erstellen, die mit einer CSV-upload. Wenn Sie eine CSV hochgeladen ist, wird es den Zustand ändern und dann werde ich Parsen von CSV nach JSON und machen Sachen mit ihm. Die Idee ist,

Wie der Versand einer Aktion oder eines ThunkAction (in Maschinenschrift, mit redux-thunk)?

Anzahl der Antworten 3 Antworten
Sagen, dass ich code wie folgt: import { Action, Dispatch } from 'redux'; import { ThunkAction } from 'redux-thunk'; interface StateTree { field: string; } function myFunc(action: Action | ThunkAction<void, StateTree, void>, dispatch: Dispatch<StateTree>) { dispatch(action); //<--

Verbinden Sie nicht die Arbeit mit StateLess Komponente in der Redux-reagieren

Anzahl der Antworten 2 Antworten
Ich bin Entsendung eine Aktion von einigen anderen Komponenten , und lagern Sie wird immer aktualisiert mit svgArr Eigenschaft, aber wenn Sie die folgenden Stateless Komponente connect'ed um den laden , es ist nicht immer aktualisiert beim

Die Prüfung wird abgesetzt-Aktionen in Redux thunk mit Scherz

Anzahl der Antworten 4 Antworten
Ich bin ganz neu bei Scherz und zugegeben, bin kein Experte für das testen von asynchronen code... Habe ich eine einfache Fetch Helfer, die ich benutze: export function fetchHelper(url, opts) { return fetch(url, options) .then((response) => {

Warnung: Fehler beim prop Typ: prop `speichern` markiert ist, als erforderlich, `Provider`, aber sein Wert ist `undefined`. in Anbieter

Anzahl der Antworten 1 Antworten
Beheben dieses Fehlers in reagieren-redux-Projekt Fehler-screenshot Warnung: Fehler beim prop-Typ: Der prop store als benötigt markiert ist, in Provider, aber sein Wert ist undefined. in Anbieter import React from 'react'; import ReactDOM from 'react-dom'; import App from

wie async/await-redux-thunk-Aktionen?

Anzahl der Antworten 3 Antworten
action.js export function getLoginStatus() { return async(dispatch) => { let token = await getOAuthToken(); let success = await verifyToken(token); if (success == true) { dispatch(loginStatus(success)); } else { console.log("Success: False"); console.log("Token mismatch"); } return success; } }

Wie verwenden von axios / AJAX mit redux-thunk

Anzahl der Antworten 1 Antworten
Im mit axios in meinem handeln. Ich muss wissen, ob dies der richtige Weg, es zu tun oder nicht. actions/index.js ==> import axios from 'axios'; import types from './actionTypes' const APY_KEY = '2925805fa0bcb3f3df21bb0451f0358f'; const API_URL = `http://api.openweathermap.org/data/2.5/forecast?appid=${APY_KEY}`;

Wie Sie mehrere middleware für die Redux?

Anzahl der Antworten 3 Antworten
Habe ich ein Stück von der middleware bereits angeschlossen, redux-thunk, und ich möchte hinzufügen, eine andere, redux-logger. Wie Konfiguriere ich es so meine app nutzt beide Stücke von middleware? Ich versuchte, Sie übergeben ein array von [ReduxThunk,

Kann ich mehrfache Aktionen ohne Redux Thunk middleware?

Anzahl der Antworten 3 Antworten
Habe ich gelesen, dass Redux Thunk ist die zuverlässige Weise zu verwalten asynchrone Aktionen/Anfrage. Da gibt es nicht viel über die Einplanung der Aktionen durch andere Aktionen. Wie etwa Versand synchrone Aktionen? Ich bin nicht sicher, ob

React-Redux: Reduzierer kombinieren: Unerwartete Schlüssel

Anzahl der Antworten 2 Antworten
Meine app funktioniert gut, bevor ich anfange zu kombinieren meine Redux getrieben. Aber wenn ich kombinieren, das initialState-und reducer-keys Durcheinander geraten. function flash(state = , action) { switch (action.type) { case FLASH_MESSAGE_UPDATED: return _.extend({}, state, { flash:

Vor-und Nachteile der Verwendung von Redux-Saga mit ES6-Generatoren vs Redux-Thunk mit ES2017 async / erwarten

Anzahl der Antworten 7 Antworten
Es gibt eine Menge Gerede über die neueste Kind in der redux Stadt jetzt, redux-saga/redux-saga. Es nutzt generator-Funktionen für das hören/Versand-Aktionen. Bevor ich wickeln Sie meinen Kopf herum, ich würde gerne wissen, die vor - /Nachteile der

Warum brauchen wir Middleware für asynchronen Fluss in Redux?

Anzahl der Antworten 7 Antworten
Laut der docs, "Ohne middleware, Redux store unterstützt nur synchroner Datenfluss". Ich verstehe nicht, warum dies der Fall ist. Warum kann nicht der container-Komponente rufen Sie die async-API, und dann dispatch Aktionen? Zum Beispiel, stellen Sie sich

Asynchrone Aktionen in Redux

Anzahl der Antworten 3 Antworten
Ich habe einen Reagieren App, die ich brauche, um einen ajax-call (um zu lernen) online-service (async) mit Redux. Dies ist mein Shop: import { createStore, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import duedates from './reducers/duedates'

Rückkehrversprechung vom Speicher nach redux thunk Versand

Anzahl der Antworten 2 Antworten
//EDITIERT FÜR KLARHEIT Ich versuche, die Kette löst mit redux thunk function simple_action(){ return {type: "SIMPLE_ACTION"} } export function async_action(){ return function(dispatch, getState){ return dispatch(simple_action).then(()=>{...}); } } Wie bekomme ich den Versand an Sie zurück ein Versprechen

Wie auf bestimmte Eigenschaftenänderungen im Redux-Speicher nach dem Absetzen einer Aktion geachtet wird

Anzahl der Antworten 2 Antworten
Ich bin derzeit versuchen zu konzipieren, wie Sie Griff Versand eine Aktion in einer Komponente basierend auf einer änderung der Daten nach Versand in einer anderen Komponente. Nehmen Sie dieses Szenario: dispatch(someAjax) -> Eigenschaft im Status updates.

Was ist der Unterschied zwischen redux-thunk und redux-promise?

Anzahl der Antworten 3 Antworten
Soweit ich weiß und mich korrigieren, wenn ich falsch bin, redux-thunk ist eine middleware, die uns hilft, Versand async-Funktions-und debug-Werte in der Aktion selbst, während wenn ich redux-Versprechen konnte ich nicht erstellen async-Funktionen ohne Befolgung meiner eigenen