Tag: redux

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

Reagieren Redux - vorbei an Requisiten mit Aktionen

Anzahl der Antworten 2 Antworten
Ich habe eine einfache Komponente, die möchte ich wechseln je nach seinen Requisiten. Code sieht wie folgt aus: actions.js const toggleTodo = (id) => { return { type: 'TODOITEM__TOGGLE_TODO', id } }; export { toggleTodo } component.js

Relais vs Redux vs Apollo mit GraphQL und Reagieren-Native

Anzahl der Antworten 1 Antworten
Habe ich zu Beginn einer neuen (web + native) Projekt (mid-size-app) von Grund auf neu. Aufgrund der fülle von JS-frameworks und Umsetzung gibt es insbesondere in den letzten paar Jahren, ich habe eine Sekunde Zweifel auf meiner

browserHistory undefined Reagieren mit Router 2.00 release-Kandidaten

Anzahl der Antworten 2 Antworten
Reagieren Mit Router 2.0.0rc1-5 habe ich immer browserHistory als unbestimmt nach dem importieren: import { browserHistory } from 'react-router' Das Paket scheint korrekt installiert werden, aber unabhängig von der version und ob auf server oder client, ich

Ist das nicht wiedermal nur verherrlicht globalen Staat?

Anzahl der Antworten 1 Antworten
Also habe ich angefangen zu lernen, Reagieren vor einer Woche und ich unweigerlich habe, um das problem des Staates und, wie die Komponenten sollen für die Kommunikation mit dem rest der app. Ich suchte herum und Redux

Reagieren Redux : Action Schöpfer nicht aufrufen reducer

Anzahl der Antworten 2 Antworten
Meine Aktion creator nicht anrufen, mein Druckminderer. Jede Hilfe wird sehr geschätzt. types.js export const SELECTED_FOOD = 'selected_food'; index.js (Aktion Ersteller /Aktion) import { SELECTED_FOOD } from './types'; export function selectedFood({data}) { console.log('SELECTED_FOOD **********************',data); return({ type: SELECTED_FOOD,

Wie verwende ich Jasmine zu Spion auf eine Funktion, die importiert werden, über einen ES6 Standard-export?

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Redux app & versucht zu erstellen, ein Spion mit Jasmin auf einem ES6 Standard exportierte Funktion. Ich habe versucht ein paar verschiedene Möglichkeiten der Spionage, auf die Funktion, einschließlich der Verwendung einer wildcard-importieren,

Winkel 2 ngrx : so aktualisieren Sie ein array, das eingebettet ist in eines der Elemente, die meines Staates array?

Anzahl der Antworten 1 Antworten
In meinem reducer, ich möchte hinzufügen, ein element, das in ein array wie dieses : Die JSON-Struktur (recieved mit http-Dienste): { "id": "09fabf9a-e532-4d2a-87cc-bd949a0a437f", "title": 'my title', "itemId": "6d442772-d414-46b1-8aab-a105d2bc3b38", "createdOn": "2017-01-12T10:12:22.987Z", **"replays": ** } So, ich möchte hinzufügen

Reagieren js: Öffnen Sie gleichen modal aus verschiedenen Komponenten

Anzahl der Antworten 2 Antworten
Ich öffnen möchte Modal, sagen Sie 'modal für login', aus den verschiedenen Komponenten in meiner app Reagieren. Für ex: ich will das modale öffnen von A.js, B.js und C.js. Also habe ich eine neue Komponente ModalWindow.js enthält

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:

Warum componentWillMount sollte nicht verwendet werden?

Anzahl der Antworten 5 Antworten
Feuern server-Aufruf zum abrufen von Daten in componentWillMount life-cycle-Methode eine schlechte Praxis? Ist und warum es besser ist, componentDidMount. InformationsquelleAutor Lokesh Agrawal | 2017-09-04

Default-Wert reagieren-wählen Sie

Anzahl der Antworten 2 Antworten
ich habe eine reagieren-Komponente auswählen, die ich machte, kompatibel mit redux-form. Meine SelectInput Komponente ist: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} /> ); und ich render

Queuing Aktionen in Redux

Anzahl der Antworten 5 Antworten
Habe ich momentan noch eine situation, ich brauche wiedermal Aktionen, die ausgeführt werden, nacheinander. Ich habe schon einen Blick auf die verschiedenen middlewares, wie eine redux-Versprechen, die scheinen in Ordnung zu sein wenn Sie wissen, was das

ESLint ES6 Redux global-erforderlich Unerwartete require();

Anzahl der Antworten 2 Antworten
Hallo Jungs, ja, ich bin mit diesem problem mit ESLint und kann nicht soulve auf meiner eigenen, Läden sind getrennt für jede enviroement, wie Sie auf dem screenshot erkennen kann, wie könnte ich das beheben, dass zu

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:

Wie, um Zugriff auf die untergeordneten Funktionen der Komponente über refs

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"

Replace array Element mit einem anderen, ohne mutierend Zustand

Anzahl der Antworten 3 Antworten
Dies ist, wie Beispiel von meinem Zustand aussieht: const INITIAL_STATE = { contents: [ {}, {}, {}, etc.. ], meta: {} } Ich muss in der Lage sein und irgendwie ersetzen, ein Element im Inhalt von array-wissen,

Was sind die Unterschiede zwischen redux, reagieren-redux, redux-thunk?

Anzahl der Antworten 4 Antworten
Ich bin mit Reagieren + Flux. Unser team plant den Umzug von flux zu redux. Redux ist sehr verwirrend für mich kommt flux-Welt. In flux control flow einfach aus Komponenten -> Aktionen -> Shop-und store-updates Komponenten. Seine

onEnter-Übergänge mit Reagieren Router und Redux Einfachen Router Dont Render-Neue Route-Komponente

Anzahl der Antworten 1 Antworten
Ich habe eine app mit reagieren @0.14, redux @3.05, reagieren-router @1.0.3, und redux-einfach-router @2.0.2. Ich bin versucht zu konfigurieren onEnter-übergänge für einige meiner Reiserouten auf der Basis von store-Zustand. Der übergang Haken erfolgreich im Feuer-und push-neuen Zustand

Fehler: Diese Methode ist nur gedacht, um ausgeführt werden auf die einzelnen Knoten. 0 statt gefunden

Anzahl der Antworten 1 Antworten
Teste ich eine Tastenbelegung Funktion in einer Komponente. Die Komponente ist ziemlich einfach, um Ereignis-listener für das keyup und feuert eine redux action, das wird ausblenden der Komponente. Habe ich aufgeräumt, meinen code hier, um nur die

Redux: Was ist der richtige Ort zum speichern von cookie nach dem login anfordern?

Anzahl der Antworten 3 Antworten
Ich habe die folgende situation: Der Benutzer gibt seine Zugangsdaten ein und klickt auf einen Login - Taste. Ein API-Aufruf geschieht in der action-Schöpfer über redux-thunk. Wenn der API-Aufruf erfolgreich war, wird eine andere Aktion ausgelöst wird,

Wo sollte ich mit der Sortierung in der Redux-App?

Anzahl der Antworten 4 Antworten
Habe ich eine Aktion /reducer /Komponenten. In einem meiner Komponenten (Komponente dump) ich habe einen Auswählen. Ich informiere dich, welche Art von filter Sie meinen Shop. Wo kann ich das umgehen in Aktion, oder reducer? InformationsquelleAutor ZPPP

Zugriff auf Redux Speichern von Routen einrichten über Router Reagieren

Anzahl der Antworten 3 Antworten
Möchte ich nutzen reagieren-Routers onEnter - handler, um die Benutzer zur Authentifizierung bei der Eingabe einer eingeschränkten route. Soweit mein routes.js - Datei sieht ungefähr so aus: import React from 'react'; import { Route, IndexRoute } from

Löschen Sie ein Element von Redux Zustand

Anzahl der Antworten 2 Antworten
Frage ich mich, ob Sie mir helfen könnte mit diesem problem wenn möglich. Ich bin versucht, ein Element zu löschen, von der Redux Zustand. Ich habe übergeben die ID des Elements, das der Benutzer klickt, die über

Wie Sie hinzufügen/entfernen, um ein redux-Shop generiert mit normalizr?

Anzahl der Antworten 4 Antworten
Suchen, die Beispiele von der README: Angesichts der "schlechten" Struktur: [{ id: 1, title: 'Some Article', author: { id: 1, name: 'Dan' } }, { id: 2, title: 'Other Article', author: { id: 1, name: 'Dan' }

Staat als array von Objekten vs Objekt-sortiert nach id

Anzahl der Antworten 3 Antworten
In dem Kapitel über Die Gestaltung der Staatlichen Form, die 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

Fetch: lehnen Sie Versprechen und den Fehler abzufangen wenn der status nicht OK ist?

Anzahl der Antworten 3 Antworten
Hier ist, was ich haben möchte: import 'whatwg-fetch'; function fetchVehicle(id) { return dispatch => { return dispatch({ type: 'FETCH_VEHICLE', payload: fetch(`http://swapi.co/api/vehicles/${id}/`) .then(status) .then(res => res.json()) .catch(error => { throw(error); }) }); }; } function status(res) { if

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,

Redux-form handleSubmit: Wie Sie Zugang zu speichern Zustand?

Anzahl der Antworten 3 Antworten
In einer redux-form handleSubmit Funktion, die einen Ajax-Aufruf, einige Eigenschaften aus der Redux-Zustand erforderlich sind, die Ajax (z.B. Benutzer-ID). Das wäre einfach genug, wenn ich wollte, um zu definieren handleSubmit in der Formular-Komponente: rufen Sie Einfach mapStateToProps

warum brauchen Sie, um zu binden, eine Funktion in einen Konstruktor

Anzahl der Antworten 5 Antworten
Ich habe eine Frage relavent zu diesem code: https://github.com/reactjs/redux/blob/master/examples/async/containers/App.js speziell: constructor(props) { super(props) this.handleChange = this.handleChange.bind(this) this.handleRefreshClick = this.handleRefreshClick.bind(this) } Ich denke, es ist eine 2-teilige Frage. Warum ich brauche, um mit Veränderungen umzugehen, als eine Instanz

Geben Sie Fehler bei der Verwendung von Typoskript mit Reagieren-Redux

Anzahl der Antworten 2 Antworten
Ich bin versucht, zu reagieren-redux mit Typoskript und ich bin immer eine Art Fehlermeldung, wenn ich versuche zu injizieren Requisiten mit connect() und mapStateToProps. Meine Komponente wie folgt aussieht: function mapStateToProps(state) { return { counter: state.counter };

Tiefe Kopie in ES6 über die Verbreitung syntax

Anzahl der Antworten 6 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 =

Die überprüfung für nicht definierte In Reagieren

Anzahl der Antworten 3 Antworten
Habe ich ein Szenario, wo ich die übergabe von Daten aus einem Druckminderer in meinem Staat reagieren. Daten: { "id": 1, "title": "Test", "content": { "body": "sdfsdf" "image": "http://example.com" } } Mit componentWillRecieveProps, das funktioniert perfekt für

reagieren Requisiten nicht aktualisieren mit redux store

Anzahl der Antworten 3 Antworten
Benutzte ich immer reagieren-redux connect zu konfigurieren Requisiten, aber ich benötigen, um ein reagieren Component verwenden der lifecycle-Methoden. Ich bin zu bemerken, dass meine props, die ich packte aus dem store scheinen statisch zu sein, und Sie

Reagieren, wie dynamische div Höhe an die Folgen der vollen Fensterhöhe einschließlich scroll

Anzahl der Antworten 3 Antworten
Mache ich ein reagieren redux app. Meiner Ansicht nach größer als ich Elemente hinzufügen (oder kleiner, wie ich Sie entfernen zu lassen), aber ich kann nicht mein hintergrund zu Folgen richtig. Ich habe versucht, mit scrollHeight, um

Wie bekomme ich Daten aus json mit axios?

Anzahl der Antworten 2 Antworten
Ich versuche, mich zu Holen-server-Seite Daten im JSON-format in eine Tabelle mit axios, aber nicht uderstand kann, wie man jedes Feld wie id, companyInfo etc. json : [ { "id": 1, "companyInfo": 1, "receiptNum": 1, "receiptSeries": "АА",

"Kein Speicher gefunden" bei der Verwendung von Redux chrome-Erweiterung

Anzahl der Antworten 4 Antworten
Ich habe ein problem mit dem redux chrome-Erweiterung. Ich habe folgenden code in meine configureStore.js Datei : import {createStore, applyMiddleware} from 'redux'; import rootReducer from '../reducers/index'; import thunk from 'redux-thunk'; export default function configureStore(initialState){ return createStore( rootReducer,

Warten Sie ein redux-Aktion zu beenden, Versand

Anzahl der Antworten 1 Antworten
Habe ich die folgende Aktion Autor: export function scrolltoNextItem(item) { return (dispatch, getState) => { dispatch(appendItem(Item)); dispatch( scrollToNextIndex( getState().items.length - 1 ) ) } } Problem ist, dass scrollToNextItem läuft, bevor appendItem beendet hat und die scroll-position

Erstellen Sie eine Stoppuhr mit redux

Anzahl der Antworten 4 Antworten
Ich habe versucht, eine Stoppuhr in reagieren und redux. Ich habe Schwierigkeiten, Schwierigkeiten, herauszufinden, wie zu entwerfen, wie ein Ding in redux. Das erste, was mir in den Sinn kam, war ein START_TIMER Aktion, die würde den

Programmgesteuertes Navigieren Sie mittels der Reaktion-router

Anzahl der Antworten 8 Antworten
Bin ich eine Anwendung entwickeln, in der ich überprüfen, ob der Benutzer nicht loggedIn ich habe zu der Anzeige des login-Formular, sonst dispatch eine action würde, dass die route zu ändern und laden andere Komponente. Hier ist

Redux form defaultValue

Anzahl der Antworten 3 Antworten
Festlegen defaultValue zu input-Komponente? <Field name={`${prize}.rank`} defaultValue={index} component={Input} type='text'/> Habe ich versucht wie oben, aber meine Felder sind leer. Ich bin versucht zu erstellen fieldArray (dynamische Formulare): {fields.map((prize, index) => <div key={index} className="fieldArray-container relative border-bottom" style={{paddingTop: 35}}>

Warum Reagieren Webpack Aufbau der Produktion zeigt Leere Seite?

Anzahl der Antworten 4 Antworten
Ich Baue eine app reagieren, und im moment webpack-dev-server funktioniert Prima( der Hallo Welt text zeigt ), Aber webpack -p zeigt leere Seite. Für die Produktion bauen Sie Die Registerkarte "Netzwerk" unter chrome dev tools, zeigt index.html

Gewusst wie: löschen Sie einige Felder im Formular - Redux-Form

Anzahl der Antworten 7 Antworten
Ich bin das arbeiten auf einer Seite, die viele Eingabe-Validierungen und logischer Bindungen auf und jeder iteration die Größe der Seite wächst. So dass ich haben, um eine schöne zu finden und skalierbare Lösung. Vorstellen, wenn Benutzer

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); //<--

reagieren: warum statische propTypes

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche der redux todomvc-codes. Was ist die static Schlüsselwort in static propTypes? Dank UPDATE Keine Ahnung, warum downvoted? Dieser Beitrag ist zu einfach? Kommentare sind willkommen. Danke. Ich hoffe, ich kann löschen Sie

Timeout-Funktion in den axios-Bibliothek funktioniert nicht

Anzahl der Antworten 4 Antworten
Habe ich axios.defaults.timeout = 1000; Hörte ich die server, die mich mit den APIs. Aber es braucht mehr als 1s timeout nach dem senden einer Anfrage. Dies ist, wie meine Anfrage: import axios from 'axios'; axios.defaults.timeout =

Redux - gibt es eine Möglichkeit, access-Speicher Baum in reducer?

Anzahl der Antworten 4 Antworten
In meinem Fall, ich habe einen Shop wie: { aa: {...}, bb: cc //the result of computing with aa } Ich aktualisieren aa und bb zur gleichen Zeit, aber bb brauchen, um die Letzte Berechnung der aa.

Empfangen "Versucht zu importieren-Fehlermeldung:" in der app reagieren

Anzahl der Antworten 2 Antworten
Ich erhalte die folgende Fehlermeldung beim ausführen meiner app reagieren: ./src/components/App/App.js Attempted import error: 'combineReducers' is not exported from '../../store/reducers/'. Hier ist, wie ich bin, Export combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers';

Redux-Erweiterung - Uncaught TypeError: Ungültiger Versuch zur Ausbreitung nicht-wiederholenden Instanz

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Anwendung Reagieren, die auch verwendet die Redux-dev-tools-Erweiterung. Es läuft auf Knoten und verwendet Webpack zu kompilieren. Ich habe vor kurzem aktualisiert mein Antrag auf Webpack 4 aus 2. Die Anwendung kompiliert fein durch

Trace-warum Reagieren Komponente re-rendering

Anzahl der Antworten 6 Antworten
Ist es, einen systematischen Ansatz zu Debuggen, was die Ursache für eine Komponente zu re-render-in Reagieren? Ich habe eine einfache Konsole.log (), um zu sehen, wie viele Zeit es macht, aber ich habe Probleme, herauszufinden, was die

Wie der Zugriff auf Speicher in der zweiten Komponente reagieren-redux

Anzahl der Antworten 2 Antworten
Habe ich eine einzelne Komponente App.js wo ich versucht zu sparen Zustand mit redux. In index.js wo ich speichern für nur <App /> Komponente. index.js let store = createStore(scoreReducer); ReactDOM.render( <Provider store={store}><App /></Provider>, document.getElementById("root") ); registerServiceWorker(); Habe