Programmierung redux

6

Wie kann ein Rückruf nach dem Aktualisieren des Status in Redux ausgelöst werden?

In React wird der Status nicht sofort aktualisiert, sodass wir den Rückruf in verwenden können setState(state, callback). Aber wie geht das in Redux? Nach dem Aufruf von this.props.dispatch(updateState(key, value))muss ich sofort etwas mit dem aktualisierten Status tun. Gibt es eine Möglichkeit, einen Rückruf mit dem neuesten Status wie in React …

85 javascript reactjs redux

2

Was ist ein tatsächlicher Unterschied zwischen Redux und einer Zustandsmaschine (z. B. xstate)?

Ich arbeite an der Untersuchung einer Front-End-Anwendung mittlerer Komplexität. In diesem Moment ist es in reinem Javascript geschrieben und enthält viele verschiedene ereignisbasierte Nachrichten, die einige Hauptteile dieser Anwendung verbinden. Wir haben beschlossen, im Rahmen des weiteren Refactorings eine Art Statuscontainer für diese Anwendung zu implementieren. Zuvor hatte ich einige …

85 javascript redux state-machine xstate

4

Lesen Sie den Anfangszustand des Stores in Redux Reducer

Der Anfangszustand in einer Redux-App kann auf zwei Arten festgelegt werden: Übergeben Sie es als zweites Argument an createStore( docs link ) Übergeben Sie es als erstes Argument an Ihre (Unter-) Reduzierer ( docs link ) Wenn Sie den Anfangszustand an Ihr Geschäft übergeben, wie lesen Sie diesen Zustand aus …

84 javascript reactjs redux

1

Ist Redux nicht nur ein verherrlichter globaler Staat?

Also habe ich vor einer Woche angefangen, React zu lernen, und bin unweigerlich auf das Problem des Zustands und der Art und Weise gekommen, wie Komponenten mit dem Rest der App kommunizieren sollen. Ich habe mich umgesehen und Redux scheint der Geschmack des Monats zu sein. Ich habe die gesamte …

83 javascript reactjs state immutability redux

5

Wie greife ich in React Redux auf den Store-Status zu?

Ich mache gerade eine einfache App, um Asynchronität mit Redux zu lernen. Ich habe alles zum Laufen gebracht, jetzt möchte ich nur noch den aktuellen Status auf der Webseite anzeigen. Wie greife ich nun in der Rendermethode auf den Status des Geschäfts zu? Hier ist mein Code (alles ist auf …

83 javascript asynchronous reactjs redux react-redux

4

Übergabe der Requisiten an die React-Redux-Containerkomponente

Ich habe eine React-Redux-Containerkomponente, die in einer React Native Navigator-Komponente erstellt wird. Ich möchte in der Lage sein, den Navigator als Requisite an diese Containerkomponente zu übergeben, damit er nach dem Drücken einer Schaltfläche in seiner Präsentationskomponente ein Objekt auf den Navigatorstapel schieben kann. Ich möchte dies tun, ohne den …

82 reactjs react-native redux react-redux

11

Warum werden Redux-Zustandsfunktionen als Reduzierer bezeichnet?

Dies ist ein Teil der offiziellen Redux-Dokumentation : Es wird als Reduzierer bezeichnet, da dies die Art von Funktion ist, an die Sie übergeben würden Array.prototype.reduce(reducer, ?initialValue) Es macht für mich nicht viel Sinn. Könnte mir jemand erklären, warum sie eigentlich Reduzierer genannt werden? Die Tatsache, dass sie einen Standardwert …

82 javascript redux

3

Lokale package.json existiert, aber node_modules fehlen

Ich versuche, eine Redux-Anwendung zu starten, die ich gerade aus einem GitHub-Repository geklont habe. Ich habe versucht, es mit dem folgenden Befehl auszuführen npm start Ich erhalte diesen Fehler > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE …

81 javascript reactjs npm redux react-redux

2

So warten Sie auf bestimmte Eigenschaftsänderungen im Redux-Speicher, nachdem eine Aktion ausgelöst wurde

Ich versuche derzeit zu konzipieren, wie das Versenden einer Aktion in einer Komponente basierend auf einer Datenänderung nach einem Versenden in einer anderen Komponente behandelt wird. Nehmen Sie dieses Szenario: dispatch(someAjax) -> Eigenschaft in Statusaktualisierungen. Danach benötige ich eine weitere Komponente, die von derselben Eigenschaft abhängig ist, um zu wissen, …

76 reactjs redux redux-thunk

2

So synchronisieren Sie Redux-Status- und URL-Hash-Tag-Parameter

Wir haben eine Liste von Vorlesungen und Kapiteln, in denen der Benutzer sie auswählen und abwählen kann. Die beiden Listen werden in einem Redux-Speicher gespeichert. Jetzt möchten wir eine Darstellung ausgewählter Vorlesungs- und Kapitel-Slugs im Hash-Tag der URL behalten, und alle Änderungen an der URL sollten auch den Speicher ändern …

76 javascript reactjs react-router redux react-router-redux

2

getState in Redux-Saga?

Ich habe ein Geschäft mit einer Liste von Artikeln. Wenn meine App zum ersten Mal geladen wird, muss ich die Elemente deserialisieren, wie beim Erstellen einiger speicherinterner Objekte basierend auf den Elementen. Die Artikel werden in meinem Redux-Shop gespeichert und von einem itemsReducer. Ich versuche, Redux-Saga als Nebeneffekt zu verwenden …

75 javascript reactjs redux redux-saga

6

So synchronisieren Sie Redux-Status- und URL-Abfrageparameter

Ich habe eine Webseite mit einem Suchfeld. Das Suchfeld enthält mehrere Eingabefelder: ID, Größe, ... Was ich möchte, ist, wenn der Benutzer Suchwerte festlegt (zum Beispiel: id = 123 und size = 45) und eine Suchtaste drückt: searchState im Redux-Reduzierer sollte mit neuen Suchwerten aktualisiert werden (id = 123 und …

75 react-router redux react-redux redux-framework react-router-redux

7

Wann sollte ich einer React-App Redux hinzufügen?

Ich lerne gerade React und versuche herauszufinden, wie ich es mit Redux zum Erstellen einer mobilen App verwenden kann. Ich bin etwas verwirrt darüber, wie die beiden miteinander verwandt / verwendbar sind. Zum Beispiel habe ich dieses Tutorial in React https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript abgeschlossen , aber jetzt möchte ich mit dem Hinzufügen …

74 javascript mobile reactjs redux reducers

6

Vermeiden Sie mit mapDispatchToProps einen Eslint-Fehler ohne Schatten

Ich habe die folgende Komponente, die einen no-shadowESlint-Fehler auf dem auslöst FilterButton props. import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter })(FilterButton); Wie kann ich die Warnung vermeiden, während sowohl mapDispatchToPropsdie präzise Syntax als auch die …

74 javascript reactjs redux eslint react-redux

8

Reagiere Router-Umleitung nach Aktion Redux

Ich verwende React-Redux und Standard-React-Routing. Ich muss nach einer bestimmten Aktion umleiten. Zum Beispiel: Ich habe einige Schritte Registrierung. Und nach der Aktion: function registerStep1Success(object) { return { type: REGISTER_STEP1_SUCCESS, status: object.status }; } Ich möchte, dass er zur Seite mit der RegistrierungSchritt2 weiterleitet. Wie es geht? ps Im Verlaufsbrowser …

72 reactjs react-router redux redux-framework

Als «redux» getaggte Fragen