Tag: redux
Redux ist ein vorhersehbarer Zustand, container für die JavaScript-Anwendungen auf Basis der Flux-design-Muster.
redux: state als Array von Objekten vs. Objekt, das durch ID codiert wird
3 Antworten
In dem Kapitel über Die Gestaltung der Staatlichen Formdie docs vorschlagen, um zu halten Ihren Zustand in ein Objekt sortiert nach ID: Halten jede Person, die in einem Objekt gespeichert mit einer ID als Schlüssel, und verwenden
Wie kann ich auf den Status im Redux Reducer zugreifen?
5 Antworten
Habe ich einen Druckminderer, und um zu berechnen, den neuen Staat, die ich brauche Daten von der Aktion und auch Daten von einem Teil des Staates nicht gelungen, durch dieses Reduzierstück. Speziell in den reducer habe ich
Wird es als gute Praxis angesehen, CallBacks an reduktive asynchrone Aktionen zu übergeben?
3 Antworten
Möchte ich zeigen, verschiedene Benachrichtigung bars für Erfolg/Fehler-Antworten Ich pass zwei Rückrufe zu einem redux async-action in meine reagieren Komponente wie folgt: <Button onClick={e => this.props.actions.asyncAction(item, this.showSuccessBar, this.showErrorBar)} /> wo asyncAction sieht wie folgt aus: export function
wie man den Anfangszustand in Redux einstellt
2 Antworten
Ich versuche, herauszufinden, wie zu setzen, einen Anfangszustand für ein Geschäft in redux. Ich bin mit https://github.com/reactjs/redux/blob/master/examples/todos-with-undo/reducers/index.js als ein Beispiel. Ich habe versucht, den code zu modifizieren, so dass die todo ' s hatte einen Wert initialisiert.
Wie werden die neuen Daten als Antwort auf React Router mit Redux geändert?
3 Antworten
Bin ich mit Redux, redux-router und reactjs. Ich versuche eine app machen wo Hole ich meine Informationen über die route zu ändern, also habe ich etwas wie: <Route path="/" component={App}> <Route path="artist" component={ArtistApp} /> <Route path="artist/:artistId" component={ArtistApp}
Wie verwende ich Redux's Provider mit React?
3 Antworten
Habe ich die ReduxJS Dokumentation hier: http://redux.js.org/docs/basics/UsageWithReact.html Am Ende des Dokuments erwähnt die Verwendung des Anbieter-Objekt, das ich gewickelt habe meine App-Komponente in der Anbieter-wie so: import React from 'react' import ReactDOM from 'react-dom' import { createStore
reRender reaction component, wenn sich die Requisite ändert
4 Antworten
Ich versuche zu trennen, eine Präsentations-Komponente aus einem container-Komponente. Ich habe eine SitesTable und ein SitesTableContainer. Der container ist verantwortlich für die Auslösung der redux-Aktionen zu Holen, die entsprechenden Seiten auf der Grundlage der aktuellen Benutzer. Das
Zugriff auf den Redux-Status in einem Aktionsersteller?
3 Antworten
Sagen, ich habe das folgende: export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { type: SOME_ACTION, } } Und in dieser Tätigkeit Schöpfer, ich möchte Zugriff auf den globalen Speicher Zustand (alle Reduzierstücke). Ist es
React-Redux: Reduzierer kombinieren: Unerwartete Schlüssel
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:
This.props.dispatch keine Funktion - React-Redux
2 Antworten
Ich versuche Sie zu Versand eine Aktion von meinem smart-Komponente. Ich habe versucht, verwenden Sie die mapDispatchToProps und this.props.dispatch(actions.getApplications(1)) aber weder verbindlich ist, die Aktionen zu props. Ich bin nicht sicher, ob es ist, weil meine mapStateToProps
Wie verschicke ich eine Redux-Aktion mit einem Timeout?
12 Antworten
Habe ich eine Aktion, die updates Benachrichtigung Stand, dass meine Bewerbung. In der Regel ist diese Meldung ein Fehler oder eine info irgendeiner Art. Muss ich dann Versand eine weitere Aktion nach 5 Sekunden wird wieder die
Wie importiert man jQuery UI mit ES6 / ES7 Syntax?
4 Antworten
Ich versuche, mit einigen jQuery-UI-Funktionalität in meinem reactJS/Redux Anwendung. Ich habe importiert sowohl jQuery und jQuery UI verwenden: npm install jquery jquery-ui Ist und ich dann versucht habe: import $ from 'jquery'; import jQuery from 'query'; import
Redux: Meinungen / Beispiele zur Backend-Persistenz?
1 Antworten
Ich Frage mich, wie Leute mit Redux nähern sich Ihrer backend-Persistenz. Vor allem, speichern Sie die "Aktionen" in einer Datenbank oder sind Sie nur die Speicherung der letzten bekannten Stand der Anwendung? Wenn Sie die Speicherung der
Ich benutze Redux. Soll ich den kontrollierten Eingabezustand im Redux-Speicher verwalten oder setState auf Komponentenebene verwenden?
4 Antworten
Ich habe versucht, herauszufinden, der beste Weg, zu verwalten reagieren Formen. Ich habe versucht, verwenden Sie die onChange auf eine Aktion auslösen, und aktualisieren Sie meine redux-store mit meine Formular-Daten. Ich habe auch versucht, die Schaffung von
Verständnis von React-Redux und mapStateToProps
6 Antworten
Ich versuche zu verstehen, die Methode connect reagieren-redux, und die Funktionen, die es übernimmt als Parameter. Insbesondere mapStateToProps. Die Art, wie ich es verstehe, ist der Rückgabewert von mapStateToProps wird ein Objekt abgeleitet vom Staat (wie es
Kann ich beim Debugging über die Browserkonsole auf den Redux-Store zugreifen?
4 Antworten
Habe ich unit-tests für meine reducerswie soll ich so haben. Allerdings, wenn ich das debugging im browser, ich möchte überprüfen, ob meine Maßnahmen genannt worden sind, richtig sind und ob der Staat wurde entsprechend geändert. Ich bin
Welche Best Practices verwenden Sie, um initialState in Ihren Redux-Apps vorab zu laden?
1 Antworten
Ich bin derzeit nicht zufrieden mit den hacks habe ich mit die Verwendung von Flussmittel, und jetzt Redux für das Auffüllen initialState in meinem Shop. Schick ich immer eine Nutzlast von JSON nach unten mit der ersten
React-Redux: Sollen alle Komponentenzustände im Redux Store gehalten werden?
3 Antworten
Sagen, ich habe eine einfache toggle: Wenn ich auf die button-Komponente ändert sich die Farbe zwischen rot und blau Könnte ich dieses Ergebnis erreichen, indem Sie etwas wie das zu tun. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ?
Native + Redux-Standardauthentifizierung ausführen
3 Antworten
Ich bin auf der Suche nach ein Weg, um eine basic-Authentifizierung für mein reagieren native app. Ich konnte nicht finden, eine gute Beispiel für reagieren native app. Anmelden, die app sendet die E-Mail - /Passwort + clientSecret
Wie kann ich in Redux einen modalen Dialog anzeigen, der asynchrone Aktionen ausführt?
3 Antworten
Ich Baue eine app, die zeigen muss einen bestätigen-dialog in einigen Situationen. Let ' s sagen, ich will etwas entfernen, dann werde ich Versand eine Aktion wie deleteSomething(id) so einige reducer fangen, die Falle und füllen das
Reverse Router Redirect nach Aktion Redux
4 Antworten
Ich bin mit reagieren-redux und standard-reagieren-routing. Ich brauche umzuleiten, nachdem bestimmte Handlung. Zum Beispiel: ich habe die Registrierung ein paar Schritte. Und nach der Aktion: function registerStep1Success(object) { return { type: REGISTER_STEP1_SUCCESS, status: object.status }; } Ich
Was ist der beste Weg, um auf Redox-Speicher außerhalb einer reaktiven Komponente zuzugreifen?
7 Antworten
@connect Super funktioniert, wenn ich versuche, Zugriff auf den Shop innerhalb einer reagieren Komponente. Aber wie sollte ich es in einigen anderen bit-code. Für zB: sagen wir mal ich will ein Berechtigungs-token für die Erstellung meiner axios
Redux & amp; RxJS, irgendwelche Ähnlichkeiten?
5 Antworten
Ich weiß Redux ist eine bessere "Umsetzung" der Fluss, oder besser zu sagen, dass es ein redesign, um die Dinge zu vereinfachen (application state management). Ich habe gehört, eine Menge über reaktive Programmierung (RxJS), aber ich habe
Wie bekomme ich einfachen Versand von this.props mit connect w / Redux?
3 Antworten
Habe ich eine einfache Reagieren Komponente, die ich verbinden (mapping eine einfache array - /- Zustand über). Zu verweisen auf den Kontext, für den Shop würde ich gerne einen Weg, um "Versand" direkt aus Requisiten. Ich habe
Wie verbinde ich Redu-Form-Bindungen mit den Eingaben des Formulars
2 Antworten
redux-form ist eine sehr ansprechende Bibliothek für die Bereitstellung von redux-Bindungen für Formulare in einer Anwendung reagieren, die super-bequem. Leider mit der Bibliothek selbst Beispiele, ich versage tatsächlich binden nichts, die ist super-bequem. Versuche ich zu machen,
Eine Aktion von einem anderen Reduzierer mit React und redux aufrufen
1 Antworten
Habe ich 2 Komponenten, Ein Markt und ein status. Der status der Komponente zu verwalten die Menge des Geldes, das der Benutzer haben und der Markt-Tasten, um kaufen ein paar Sachen. Wenn ich auf den button (in
Ist store.dispatch in Redux synchron oder asynchron
2 Antworten
Ich weiß, das ist eine grundlegende Frage, aber ich hatte kein Glück bei der Suche die Antwort an anderer Stelle. Ist store.dispatch synchron oder asynchron, in Redux ? Falls es asynchron ist, ist es eine Möglichkeit, fügen
Reagieren - Ladebildschirm anzeigen, während DOM rendert?
7 Antworten
Dies ist ein Beispiel von Google Adsense-Bewerbung Seite. Der lade-Bildschirm angezeigt, bevor die Haupt-Seite zeigte nach. Ich weiß nicht, wie zu tun die gleiche Sache mit Reagieren, weil wenn ich lade-Bildschirm gerendert Reagieren Komponente, es nicht angezeigt
getState in redux-saga?
2 Antworten
Ich habe ein Geschäft mit einer Liste von Elementen. Wenn meine app zum ersten mal geladen, ich muss Deserialisieren der Objekte, in der einige Objekte im Arbeitsspeicher auf der Grundlage der Elemente. Die Positionen sind gespeichert in
Redux-Form Anfangswerte von
4 Antworten
Ich versuche zu füllen, das Profil-Formular mit Daten aus der API. Leider redux-form will nicht mit mir zusammenarbeiten in diesem Fall. Für einige Grund-Felder bleibt leer, egal was ich Tue. Einstellung der festen Werten anstelle der übergebenen
Reagieren: Wann sollte ES6-basierte Komponenten im Vergleich zu funktionalen ES6-Komponenten verwendet werden?
3 Antworten
Nachdem er einige Zeit mit lernen Reagieren, ich verstehe den Unterschied zwischen den beiden wichtigsten Paradigmen der Komponenten erstellen Meine Frage ist Wann sollte ich welche und warum? was sind die Vorteile/Nachteile des einen über den anderen?
Warte auf einen reservierten Wortfehler innerhalb der asynchronen Funktion
1 Antworten
Ich bin kämpfen, um herauszufinden, die Ausgabe mit der folgenden syntax: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false }))
So synchronisieren Sie Redux-Status und URL-Hash-Tag-Parameter
2 Antworten
Haben wir eine Liste von Vorträgen und Kapitel, in denen der Benutzer auswählen kann, und deaktivieren Sie Sie. Die beiden Listen werden gespeichert in einer redux-Shop. Jetzt möchten wir eine Darstellung der ausgewählten Vorlesung Schnecken und Kapitel
Was bedeutet "Stateless-Funktionskomponenten können nicht refs" gegeben werden?
2 Antworten
Habe ich dieses: const ProjectsSummaryLayout = ({projects}) => { return ( <div className="projects-summary col-md-10"> <h3>Projects</h3> <ul> { projects.map(p => <li key={p.id}>{p.contract.client}</li>) } </ul> </div> ) } const ProjectsSummary = connect( state => ({projects: state.projects}) )(ProjectsSummaryLayout) und ich
CSRF mit Django, React + Redux mit Axios
6 Antworten
Dies ist ein pädagogisches Projekt, nicht für die Produktion. I war nicht die beabsichtigen, haben die Benutzer-logins, da ein Teil dieser. Kann ich machen POST-Aufrufe von Django mit einem CSRF-token, ohne die Benutzer-logins? Kann ich dies ohne
Requisiten-Rexred-Container-Komponente übergeben
4 Antworten
Ich habe eine reagieren-redux-container-Komponente, die erstellt wird, innerhalb Reagieren Native Navigator-Komponente. Ich möchte in der Lage sein, um übergeben Sie den navigator als requisite, um diese container-Komponente, so dass, nachdem ein Knopf gedrückt, der in seinen Präsentations-Komponente
React / Redux und multilingual (Internationalisierung) Apps - Architektur
6 Antworten
Ich Baue eine app, die verfügbar sein müssen, in mehreren Sprachen. Meine Frage ist nicht rein technisch, sondern eher um die Architektur, und die Muster, die Menschen sind tatsächlich in der Produktion, um dieses problem zu lösen.
Vor-und Nachteile der Verwendung von Redux-Saga mit ES6-Generatoren vs Redux-Thunk mit ES2017 async / erwarten
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
Redux: Warum werden Zustandsfunktionen Reduktoren genannt?
6 Antworten
Teil aus der offiziellen Dokumentation: Gibt es einen reducer, weil es ist die Art der Funktion, die Sie weitergeben würde Array.der Prototyp.verringern (- reducer ?initialValue) Es macht nicht viel Sinn für mich. Könnte jemand mir erklären, warum
Was ist der Kernunterschied von redux & amp; Reflux bei der Verwendung von reaktionsbasierter Anwendung?
2 Antworten
Vor kurzem habe ich eine vorläufige Studie über die Entwicklung einer E-commerce-Website, und entdeckt, dass redux und reflux beide kommen aus flux Architektur in Facebook und beide sind sehr beliebt. Ich bin verwirrt über den Unterschied zwischen
Verschachtelte Komponenten, die mit dem Enzym innerhalb von React & amp; Redux
5 Antworten
Habe ich eine Komponente SampleComponent Reittiere anderen "angeschlossene Komponente" (d.h. container). Wenn ich versuche zu testen SampleComponent durch mounting (da Brauch ich die componentDidMount), bekomme ich die Fehlermeldung: Invariant Violation: nicht finden Konnte, "store" in entweder der
Lesen Sie den Ausgangszustand des Stores in Redux Reducer
4 Antworten
Ursprünglichen Zustand in einer Redux-app kann festgelegt werden, in zwei Arten: übergeben Sie als zweites argument an createStore (docs link) übergeben Sie als erstes argument für Ihre (sub-)Reduzierstücke (docs link) Wenn Sie passieren erste Staat, um Ihr
React + Redux - Wie kann CRUD in einer Formularkomponente am besten behandelt werden?
4 Antworten
Bekam ich eine form, die verwendet wird zum Erstellen, Lesen, Aktualisieren und Löschen. Ich erstellte 3-Komponenten mit der gleichen form, aber ich gebe Sie verschiedenen Requisiten. Ich bekam CreateForm.js, ViewForm.js (readonly mit der Schaltfläche löschen) und UpdateForm.js.
Wie kann ich in React Router v4 zum Verlauf wechseln?
14 Antworten
In der aktuellen version Reagieren Router (v3), akzeptiere ich eine server-Antwort und verwenden Sie browserHistory.push zu gehen, um die entsprechenden Antwort-Seite. Dies ist jedoch nicht verfügbar in v4, und ich bin mir nicht sicher, was der geeignete
So synchronisieren Sie Redux-Status- und URL-Abfrageparameter
5 Antworten
Ich habe eine web-Seite mit einem Suchfeld. Suche panel hat mehrere input-Felder: id, Größe, ... Was ich will, ist, wenn der Benutzer festlegen, Suche Werte (zum Beispiel: id=123 und die Größe=45) und drücken Sie die Suche-Taste: searchState
Was könnten die Nachteile von Redux anstelle von Flux sein?
6 Antworten
Ich erst vor kurzem entdeckt Redux. Es sieht alles gut aus. Gibt es irgendwelche Nachteile, gotcha oder Kompromisse mit Redux über Flux? Dank InformationsquelleAutor der Frage Ivan Wang | 2015-08-15
Soll ich Funktionsreferenzen im Redux Store speichern?
4 Antworten
Ich versuche zu bauen Unterstützung von Tastenkombinationen in meine Reagieren/Redux-app in idiomatische Reagieren/Redux Weg. Die Art, wie ich Plane, dies zu tun ist, um eine der folgenden handeln Schöpfer und damit verbundenen Aktion: registerShortcut(keyCode, actionCreatorFuncReference) Den Druckminderer
Der Zugriff auf PropTypes über das React-Hauptpaket ist veraltet
7 Antworten
Bin ich mit redux aber wenn ich meinen code habe ich diesen Fehler: Zugriff auf PropTypes über Haupt Reagieren Paket ist veraltet. Verwenden Sie die prop-Typen-Paket von npm statt. Ich installieren npm i prop-Typen -S aber ich
Redux - mehrere Geschäfte, warum nicht?
4 Antworten
Als Hinweis: ich habe gelesen, die docs für die Redux (Baobab), und ich habe einen fairen Anteil Googeln & - Prüfung. Warum ist es so dringend empfohlen, dass Sie ein Redux-app haben nur ein Speicher? Verstehe ich
Wie finde ich Fehler 422 mit Redux / Axios?
4 Antworten
Habe ich eine Aktion machen ein POST Anfrage an den server, um zu aktualisieren, das Passwort eines Benutzers, aber ich bin nicht in der Lage Fehler zu behandeln in die verkettete catch-block. return axios({ method: 'post', data: