Tag: redux

Redux ist ein vorhersehbarer Zustand, container für die JavaScript-Anwendungen auf Basis der Flux-design-Muster.

- Objekt Verwenden.weisen Sie oder Spread-Operator in Reagieren/Redux? Dies ist eine bessere Praxis

Anzahl der Antworten 4 Antworten
Ich habe einige Verwirrung über die Verwendung Object.assign für Reagieren und Redux. Lese ich diese Artikel. Er sagt ES6 nicht von allen Browsern unterstützt, aber ich begann, es zu benutzen. Habe ich zwei Fragen: Ist es die

Wie kann ich anhalten, redux Zustand Baum auf "aktualisieren"?

Anzahl der Antworten 3 Antworten
Den ersten Rektor der Redux-Dokumentation ist: Den Zustand der gesamten Anwendung gespeichert ist, die in einem Objekt-Baum in einem einzigen store. Und ich dachte eigentlich, dass ich verstehe, alle Prinzipale. Aber ich bin jetzt verwirrt, was macht

Wie mehrfache Aktionen eine nach der anderen

Anzahl der Antworten 3 Antworten
In meine reagieren /redux Anwendung will ich Häufig mehrfache Aktionen nach der anderen. Gegeben das folgende Beispiel: Nach einer erfolgreichen Anmeldung möchte ich zum speichern der Benutzer-Daten und nach, dass will ich starten einen async-Aktion, die Belastungen

Wie, um Fehler zu behandeln in fetch() Antworten mit Redux Thunk?

Anzahl der Antworten 2 Antworten
Mache ich API-Anforderungen mithilfe isomorph zu Holen, und mit Redux mit meiner app-Zustands. Möchte ich, um internet-Verbindung-Verlust-Fehler, API-Fehler, durch brennen aus-Redux Aktionen. Habe ich Folgendes (work-in-progress /schlecht) - code, aber kann nicht herausfinden, den richtigen Weg, um

Asynchrone api-Aufrufe mit redux-saga

Anzahl der Antworten 2 Antworten
Ich bin nach redux-saga-Dokumentation auf Helfer, und so weit es scheint ziemlich geradlinig, jedoch stieß ich auf ein Problem, wenn es um die Durchführung eines api-Aufrufs (wie Sie sehen werden link zu den docs-Punkte zum Beispiel) Es

mapDispatchToProps: jedem Punkt?

Anzahl der Antworten 2 Antworten
Ich Frage mich, ob es noch ein Punkt durch mapDispatchToProps heute. Ich arbeite an der redux-Dokumentation tutorials (zum erstellen einer todo-Liste), wo VisibleTodoList wird beschrieben als: import { connect } from 'react-redux' import { toggleTodo } from

Warum bekomme ich "Reducer [...] undefined zurückgegeben, die während der Initialisierung", trotz der Bereitstellung von initialState zu createStore()?

Anzahl der Antworten 5 Antworten
Hatte ich InitialState in meinem redux createStore-Methode ,und ich entsprechende InitialState als zweite Argumente Bekam ich eine Fehlermeldung im browser: <code>Uncaught Error: Reducer "postsBySubreddit" returned undefined during initialization. If the state passed to the reducer is undefined,

Hinzufügen eines Basis-URL für eine app mit Redux-Router + Reagieren-Router

Anzahl der Antworten 4 Antworten
Ich bin mit Reagieren-Router 1.0.0-rc3 zusammen mit Redux-Router 1.0.0-beta3. Bei der Verwendung Reagieren-Router, die Sie verwenden können useBasename mit createHistory zum festlegen des Basis-URL für eine app, so dass Sie leicht zu schreiben eine app, die läuft

Wie man Redux Aktionen und Redux Reduzierstücke in TypeScript?

Anzahl der Antworten 15 Antworten
In Maschinenschrift gehalten, wenn wir zwei Arten von Typen übergeben, die in einer Methode parameter: jedes eigene Schnittstelle implementiert und die beiden interfaces erweitern eine 'Basis' - interface, was sollte ein Typ sein der Methode parameter? Wie

Gewusst wie: speichern explizit in die als requisite, um die "Connect()"

Anzahl der Antworten 2 Antworten
Ich versuche zu testen, meine Reagieren Komponente und erhalten die folgende Fehlermeldung. Invariant Violation: nicht finden Konnte, "speichern", entweder am Rahmen oder Requisiten von "Connect()". Entweder wickeln Sie die root-Komponente, die in einer <Provider>, oder explizit pass

Konnte nicht finden, "speichern", entweder am Rahmen oder Requisiten von "Connect(App)"

Anzahl der Antworten 1 Antworten
Ich habe Probleme mit falsch konfigurierten Redux nach dem Zusammenführen der Inhalte mehrerer Dateien in eine als config für Redux. Wie zu beheben storewährend diese in einer Datei? Unbehandelte JS Ausnahme: nicht finden Konnte, "store" - entweder

mehrfache Aktionen in einer Wirkung

Anzahl der Antworten 4 Antworten
Möchte ich diapatch zwei Aktionen in einem Effekt. Derzeit habe ich zu erklären, zwei Effekte zu erzielen : //first effect @Effect() action1$ = this.actions$ .ofType(CoreActionTypes.MY_ACTION) .map(res => { return { type: "ACTION_ONE"} }) .catch(() => Observable.of({ type:

Wie bekommt man sowas aus dem Stand / laden innerhalb einer redux-saga-Funktion?

Anzahl der Antworten 2 Antworten
Wie greife ich auf die redux Zustand in einer saga-Funktion? Mein Problem Ich habe eine Anwendung, die aus den folgenden teilen: TOOLBAR --------------------------------- User info | Current Project Jeder Teil ist eine andere Komponente mit eigener reducer,

Wie mischst du componentDidMount() mit reagieren-redux connect()?

Anzahl der Antworten 2 Antworten
Dies scheint wie ein einfacher use-case, aber ich kann T es herausfinden. Ich möchte anzeigen einer Liste von Elementen abgerufen, aus einer Anfrage an einen remote-API über HTTP. Ich möchte den Bildschirm, um die Karte leer zu

Wie man Versand-Aktionen von Untergeordneten Komponenten in drei Stufen runter?

Anzahl der Antworten 3 Antworten
Ich stehe aktuell vor diesem Problem der Gestaltung einer Anwendung Reagieren, und ich bin anscheinend nicht in der Lage sein, eine Antwort zu finden. Also mein Antrag hat folgenden bietet Komponenten Reagieren Router App -> DynamicContainer ->

Redux-store nicht über eine gültige reducer

Anzahl der Antworten 4 Antworten
Nicht in der Lage gewesen, irgendetwas zu finden um hier in Bezug auf diesen Fehler: "Store nicht über eine gültige reducer. Stellen Sie sicher, dass der übergebene argument zu combineReducers ist ein Objekt, dessen Werte getrieben." Meine

Übergang zu einer anderen route auf erfolgreiche async redux action

Anzahl der Antworten 5 Antworten
Habe ich einen Recht einfachen Satz zu reagieren-Komponenten: container dass Haken in redux und verarbeitet die Aktionen, store-Abonnements, etc list zeigt Ihnen eine Liste meiner Artikel new was ist ein Formular zum hinzufügen eines neuen Elements zu

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,

Was ist der beste Weg, um redirect eine Seite mit dem Router Reagieren?

Anzahl der Antworten 1 Antworten
Ich bin neu zu Reagieren, Router und erfahren, dass es so viele Möglichkeiten zur Neuausrichtung der einen Seite: Mit browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Mit this.context.router.push("/path") class Foo extends React.Component { constructor(props,

Redux Zustand ist undefiniert in mapStateToProps

Anzahl der Antworten 1 Antworten
Bin ich derzeit folgende diese tutorial. Ich getroffen habe, ein bisschen einen Haken mit mapStateToProps im folgenden code: import React from 'react'; import Voting from './voting'; import {connect} from 'react-redux'; const mapStateToProps = (state) => { return

Was ist zu speichern.wählen Sie in ngrx

Anzahl der Antworten 4 Antworten
Ich bin neu in der Redux und begann mit ngrx. Ich bin nicht in der Lage zu verstehen, die Bedeutung dieser Zeile code store.select: clock: Observable<Date>; this.clock = store.select('clock'); InformationsquelleAutor der Frage blackHawk | 2016-08-12

Meine Redux Zustand hat sich geändert, warum nicht Reagieren Auslöser einer re-Rendern?

Anzahl der Antworten 1 Antworten
Ich versuche zu design eine Benachrichtigung Komponente, wo die Benachrichtigungen erscheinen, die zu bestimmten Gelegenheiten (wie verbindungen Probleme, erfolgreiche Modifikationen, etc.). Muss ich die Benachrichtigungen verschwinden nach ein paar Sekunden, so bin ich der Auslösung eines Status

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

Umgang mit api-Aufrufe in Redux mit Axios

Anzahl der Antworten 4 Antworten
Guten Abend alle zusammen! Ich bin ein totaler Anfänger in Reagieren und Redux also bitte Geduld mit mir, wenn das klingt Total dumm. Ich versuche zu lernen, wie ich ausführen kann, und einige API-Aufrufe in Redux und

Wiedermal Stand die Ausdauer, mit einer Datenbank

Anzahl der Antworten 2 Antworten
Aus der Diskussion hier es scheint, dass der Zustand der Redux Reduzierstücke sollten beibehalten werden, in eine Datenbank. Wie funktioniert so etwas wie user-Authentifizierung funktioniert in diesem Fall? Wäre das nicht ein neues state-Objekt erstellt werden, ersetzen

Reagieren & Reloaded:: connect (), um mehrere Komponenten & best practices

Anzahl der Antworten 2 Antworten
Arbeite ich an meinem ersten Reagieren/Redux-Projekt und ich habe eine kleine Frage. Ich habe die Dokumentation gelesen und beobachtete die tutorials stehen auf https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist. Aber ich habe noch eine Frage. Es geht um eine login-Seite. Also ich

Wie auslösen von callback-nach der Aktualisierung der Staat in Redux?

Anzahl der Antworten 4 Antworten
In Reagieren, Zustand wird nicht sofort aktualisiert, so können wir das callback benutzen in setState(state, callback). Aber, wie es in Redux? Nach dem Aufruf der this.props.dispatch(updateState(key, value))ich brauche etwas zu tun mit der aktualisierten Zustand sofort. Gibt

Reagieren Komponente gerendert wird mehrfach aufgerufen, wenn man das neue URL -

Anzahl der Antworten 2 Antworten
Baue ich einen PhotoViewer, dass änderungen von Fotos, wenn der Benutzer drückt nach Links oder rechts. Ich bin mit Reagieren, Redux, reagieren-router, und reagieren-router-redux. Wenn der Benutzer die Taste Links oder rechts, weiß ich zwei Dinge, die

Wie setzen activeClassName für das wrapper-element Link oder IndexLink in reagieren-router?

Anzahl der Antworten 10 Antworten
Ich bin neu in der ReactJS Welt, und würde gerne wissen, wie kann ich pass aktiven Klasse name der <li> - element anstelle von <a>(Link) element. Nun habe ich diese Art von code. Die Anker-Klasse ändert, wenn

CORS Fehler während der Herstellung von axios.Holen Sie sich nennen

Anzahl der Antworten 2 Antworten
Ich bin mit axios zu machen axios.Holen Sie rufen in meiner redux action.js Datei. In meiner Komponente, die diese Aktion durchgeführt wird, auf die form der Unterwerfung. Ich bin immer status 200 in meiner Konsole, aber bekomme

Unterschied zwischen Komponente und container in reagieren redux

Anzahl der Antworten 5 Antworten
Was ist der Unterschied zwischen Komponente und container in reagieren redux? InformationsquelleAutor der Frage Stanislav Mayorov | 2017-04-14

Was ist der Punkt, der Konstanten in der redux?

Anzahl der Antworten 4 Antworten
Z.B. aus diesem Beispiel: export const ADD_TODO = 'ADD_TODO' export const DELETE_TODO = 'DELETE_TODO' export const EDIT_TODO = 'EDIT_TODO' export const COMPLETE_TODO = 'COMPLETE_TODO' export const COMPLETE_ALL = 'COMPLETE_ALL' export const CLEAR_COMPLETED = 'CLEAR_COMPLETED' Es ist nicht

Ist das der richtige Weg, um ein Element zu löschen mit redux?

Anzahl der Antworten 4 Antworten
Ich weiß, ich bin eigentlich nicht mutieren die Eingangs-und sollte der Klon-Objekt zu mutieren. Ich war nach der Konvention auf eine redux-starter-Projekt verwendet: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) für das

Verstehen von Compose-Funktionen in Redux

Anzahl der Antworten 1 Antworten
Ich habe versucht, erstellen Sie ein Geschäft in redux für die ich momentan verwende folgende syntax:- const middlewares = [ thunk, logger ] const wlStore = createStore( rootReducer, initialState compose(applyMiddleware(...middlewares)) ) Den oben funktioniert gut für mich

Invariant Violation: Konnte "store" weder im Kontext noch in den Requisiten von "Connect (SportsDatabase)" finden

Anzahl der Antworten 5 Antworten
Vollständigen code hier: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hallo, Ich habe eine Anwendung, wo es zeigt verschiedene Vorlagen für desktop und mobile auf basis der build-Umgebung. Ich bin erfolgreich in der Lage, es zu entwickeln, wo ich mich verstecken muss das

Reagiere ES6 | Wie Sie über Refs auf untergeordnete Komponentenfunktionen zugreifen können

Anzahl der Antworten 3 Antworten
Den docs für Reagieren Zustand, dass die Funktionen der Komponente zugegriffen werden kann, von einer übergeordneten Komponente über refs. Siehe: https://facebook.github.io/react/tips/expose-component-functions.html Ich bin versucht, diese in meiner Anwendung, sondern laufen in einem "undefined ist nicht eine Funktion"

Warum können wir in React keinen booleschen Wert als Requisite übergeben, so wird immer eine Zeichenfolge in meinem Code übergeben

Anzahl der Antworten 2 Antworten
Obwohl ich angewendet propType Validierung, mein editor wirft einen Fehler bei der übergabe booleschen Wert für die hasvacancy prop. Hier ist, was ich sehe: Fehler: 'SyntaxError: JSX Wert sollte entweder ein Ausdruck oder eine zitierte JSX text'

Kann eine React-Redux-App wirklich skalieren, sagen wir Backbone? Auch bei erneuter Auswahl. Auf dem Handy

Anzahl der Antworten 2 Antworten
In Redux, jede änderung das speichern löst eine notify auf alle angeschlossenen Komponenten. Das macht die Dinge sehr einfach für die Entwickler, aber was ist, wenn Sie eine Anwendung mit N angeschlossenen Komponenten und N sehr groß

Wie man einen einzelnen Wert innerhalb eines bestimmten Array-Elements in redux aktualisiert

Anzahl der Antworten 3 Antworten
Ich habe ein Problem, bei dem re-rendering der Zustand bewirkt, dass ui-Probleme und schlug nur aktualisieren bestimmter Wert in meinem reducer zur Reduzierung Betrag von re-rendering auf einer Seite. dies ist ein Beispiel für mein state {

React setState wird nicht sofort aktualisiert

Anzahl der Antworten 8 Antworten
Arbeite ich eine todo-Anwendung. Dies ist eine sehr vereinfachte version von den fehlerhaften code. Ich habe eine checkbox: <p><input type="checkbox" name="area" checked={this.state.Pencil} onChange={this.checkPencil}/> Writing Item </p> Hier ist die Funktion, dass Anrufe auf die checkbox: checkPencil(){ this.setState({

Fenstergröße ändern - Reagieren + Redux

Anzahl der Antworten 3 Antworten
Ich bin neu in der Redux und ich Frage mich, ob jemand einige Tipps über die besten Praktiken für die Handhabung nicht Reagieren, Veranstaltungen wie Fenster Größe ändern. In meiner Forschung, fand ich diesen link von der

Das Aktualisieren des Redux-Status löst componentWillReceiveProps nicht aus

Anzahl der Antworten 3 Antworten
Ich versuche zum überprüfen der login-Daten. Nachdem Sie sicher, dass der Anmeldename ist gültig, ich will Feuer eine neue route. Ich pass den Staat.loginReducer.login als Requisiten. Wenn ich mit dem submit-Ereignis eine Aktion ausgelöst wird, wird die

Tiefe Kopie in ES6 mit dem Spread-Zeichen

Anzahl der Antworten 1 Antworten
Ich versuche zum erstellen einer tiefen Kopie map-Methode für meine Redux-Projekt, die Arbeit mit Objekten statt mit arrays. Ich habe gelesen, dass in Redux jeder Staat sollte sich nichts ändern, die bisherigen Mitgliedstaaten. export const mapCopy =

Was ist das '@' (am Symbol) im Redux @connect Dekorator?

Anzahl der Antworten 2 Antworten
Ich Lerne Redux mit Reagieren und stolperte über diesen code. Ich bin nicht sicher, ob es Redux spezifische oder nicht, aber ich habe den folgenden code-snippet, das in einem der Beispiele. @connect((state) => { return { key:

Ordnungsgemäße Navigation mit React Native, Redux und Navigator

Anzahl der Antworten 4 Antworten
Ich habe einen Reagieren Nativen app mit der Redux-framework, und ich bin mit der Navigator-Komponente zu handhaben navigation. Ich hatte ein wenig Mühe, die navigation funktioniert und ich bin nicht in der Lage zu finden, eine gute

Verhindern Sie, dass die react-Komponente bei der Verwendung von redux mit componentWillMount zweimal gerendert wird

Anzahl der Antworten 3 Antworten
Ich habe einen Reagieren Komponente löst ein redux Zustand zu ändern, in seiner componentWillMount Funktion. Der Grund dafür ist, dass, wenn die Komponente geladen wird, die es braucht, um die id aus der url (powered by react-router),

Warum Redux über Facebook Flux verwenden?

Anzahl der Antworten 7 Antworten
Habe ich gelesen diese AntwortReduzierung boilerplatesah paar GitHub Beispiele und versuchte sogar wiedermal ein wenig (todo-apps). So wie ich das verstehe, offizielle redux doc Motivationen bieten Vorteile im Vergleich zu traditionellen MVC-Architekturen. ABER es funktioniert nicht bieten

Strukturieren von Redux-Komponenten / Containern

Anzahl der Antworten 5 Antworten
Bin ich mit redux und ich bin mir nicht sicher, wie organisieren meine Komponenten, ich denke, am besten ist es halten Sie in Ordnern mit den Namen der wichtigsten Komponente, wie der name des Ordners, und alle

Verschachtelte Redux-Reduzierstücke

Anzahl der Antworten 4 Antworten
Ist es möglich, zu kombinieren Reduzierstücke, die Ineinander verschachtelt sind mit der folgenden Struktur: import 'user' from ... import 'organisation' from ... import 'auth' from ... //... export default combineReducers({ auth: { combineReducers({ user, organisation, }), auth,