Tag: redux
Redux ist ein vorhersehbarer Zustand, container für die JavaScript-Anwendungen auf Basis der Flux-design-Muster.
Relais vs Redux vs Apollo mit GraphQL und Reagieren-Native
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
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?
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
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?
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?
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
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
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?
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
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
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();
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"
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
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
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?
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
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
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?
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?
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
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
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?
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
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?
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
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?
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
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
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
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
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
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
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?
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
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
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
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
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
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?
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
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)?
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
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
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?
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
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
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
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
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
redux Holen Körper ist nicht zu verwenden mit keine cors-Modus
1 Antworten
Habe ich diese Aktion ruft eine Funktion: dispatch(Api({url: "my_url", method: "POST", data: data})) Hier bin ich vorbei array als Daten.. import fetch from 'isomorphic-fetch' export default function Api({url, method, headers, data}={}){ return dispatch => { console.log(data) console.log(url)