Tag: redux
Redux ist ein vorhersehbarer Zustand, container für die JavaScript-Anwendungen auf Basis der Flux-design-Muster.
Wie legen Sie Methoden auf die Objekte im Redux-Zustand?
3 Antworten
Laut docs Zustand reagiert die app etwas serializable. Was über die Klassen dann? Sagen wir, ich habe eine ToDo-app. Jeder Todo Elemente hat Eigenschaften wie name, date etc. so weit so gut. Jetzt möchte ich Methoden auf
Warum brauchen wir Middleware für asynchronen Fluss in Redux?
7 Antworten
Laut der docs, "Ohne middleware, Redux store unterstützt nur synchroner Datenfluss". Ich verstehe nicht, warum dies der Fall ist. Warum kann nicht der container-Komponente rufen Sie die async-API, und dann dispatch Aktionen? Zum Beispiel, stellen Sie sich
Asynchrone Aktionen in Redux
3 Antworten
Ich habe einen Reagieren App, die ich brauche, um einen ajax-call (um zu lernen) online-service (async) mit Redux. Dies ist mein Shop: import { createStore, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import duedates from './reducers/duedates'
Redux - Hinzufügen eines Eintrags zum Array im Reducer
1 Antworten
Klebte ich mit diesem bit, und ich kann nicht weiter - ich denke, die Lösung ist einfach, aber ich nicht herausfinden können. Ich versuche, Eintrag hinzufügen, Eintrag in reducer, so dass Daten in in Aussehen würde, etwas
React Context vs React Redux, wann sollte ich sie verwenden?
4 Antworten
Reagieren 16.3.0 veröffentlicht wurde und die Kontext - API ist nicht eine experimentelle Funktion nicht mehr. Dan Abramov (der Schöpfer von Redux) hat einen guten Kommentar hier über diese, aber es war 2 Jahre, wenn der Kontext
React / Redux - Dispatch-Aktion bei App Load / Init
5 Antworten
Ich habe token-Authentifizierung von einem server, also wenn mein Redux app geladen wird, zunächst muss ich eine Anfrage an diesen server, um zu überprüfen, ob der Benutzer authentifiziert ist oder nicht, und wenn ja sollte ich bekommen
Redux-Reduktoren - Ändern des tief verschachtelten Status
3 Antworten
Ich versuche, wickeln Sie meinen Kopf herum, wie zu ändern, tief-geschachtelten Zustand, in redux. Macht es Sinn für mich zu kombinieren mit Reduzier-und change first-level-Eigenschaften des Staates für diese Stücke. Wo ich mir nicht so klar ist,
Wie zeige ich beim Laden der Daten einen Lade-Indikator in der React Redux App an?
8 Antworten
Ich bin neu zu Reagieren/Redux. Ich benutze fetch api middleware in der Redux-app zur Verarbeitung der APIs. Es ist https://github.com/agraboso/redux-api-middleware. Ich denke, es ist die gute Weise zu verarbeiten async-api-Aktionen. Aber ich finde einige Fälle, die kann
Entfernen Sie eine Eigenschaft in einem Objekt unwiderruflich
12 Antworten
Bin ich mit Redux. In meinem reducer bin ich versucht zu entfernen, eine Eigenschaft von einem Objekt wie diesem: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } Und ich
Rückkehrversprechung vom Speicher nach redux thunk Versand
2 Antworten
//EDITIERT FÜR KLARHEIT Ich versuche, die Kette löst mit redux thunk function simple_action(){ return {type: "SIMPLE_ACTION"} } export function async_action(){ return function(dispatch, getState){ return dispatch(simple_action).then(()=>{...}); } } Wie bekomme ich den Versand an Sie zurück ein Versprechen
Warum wird mein onClick aufgerufen? - React.js
2 Antworten
Ich habe eine Komponente, die ich erstellt habe: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return
Wie verwende ich Immutable.js mit Redux?
5 Antworten
Redux Rahmen ist mit Reduzierstücke zu ändern, app-Zustand in Reaktion auf eine Aktion. Die entscheidende Voraussetzung ist, dass ein Druckminderer nicht mehr ändern eines vorhandenen Status-Objekt; es darf produzieren einem neuen Objekt. Schlechtes Beispiel: import { ACTIVATE_LOCATION
Wie setze ich den Status eines Redux-Stores zurück?
19 Antworten
Bin ich mit Redux für die Staatliche Verwaltung. Wie setze ich den laden, um den ursprünglichen Zustand? Zum Beispiel, sagen wir, ich habe zwei Benutzerkonten (u1 und u2). Stellen Sie sich die folgende Sequenz von Ereignissen: Benutzer
Absetzen von Redux-Aktionen als Reaktion auf Routenübergänge in React Router
2 Antworten
Ich bin mit reagieren-router und redux in meiner neuesten app und ich bin vor ein paar Fragen in Bezug auf Staatliche erforderlichen änderungen auf der Grundlage der aktuellen url-params und Abfragen. Grundsätzlich habe ich eine Komponente, die
'dispatch' ist keine Funktion, wenn in Redux das Argument mapToDispatchToProps () übergeben wird
6 Antworten
Ich bin ein javascript/redux/reagieren Anfänger-Gebäude eine kleine Anwendung, mit redux, reagieren-redux, & reagieren. Für einige Grund, wenn Sie mit mapDispatchToProps Funktion im tandem mit connect (reagieren-redux-Bindung) erhalte ich einen TypeError, die angibt, dass der Versand nicht eine
Redux, Muss ich den Shop in alle meine Container importieren, wenn ich Zugriff auf die Daten haben möchte?
2 Antworten
Vielleicht bin ich nicht wickeln meinem Kopf herum redux, aber alle Beispiele, die ich gesehen habe nicht wirklich Zugang Stand zu viel zwischen den Containern und so habe ich nicht viel gesehen, die Nutzung von speichern.getState(), aber
Access State innerhalb der mapDispatchToProps-Methode
4 Antworten
Ich geschrieben habe, eine container-Komponente mit redux und meine Umsetzung für mapDispathToProps sieht wie folgt aus const mapDispatchToProps = (dispatch, ownProps) => { return { onChange: (newValue) => { dispatch(updateAttributeSelection('genre', newValue)); dispatch(getTableData(newValue, ownProps.currentYear)); } } } Das
React-Redux komplexe (tiefe) Zustandsobjekte
2 Antworten
Angesichts meiner anfänglichen redux Zustand : const state = { currentView: 'ROOMS_VIEW', navbarLinks: List([ {name: 'Rooms', key: 'ROOMS_VIEW'}, {name: 'Dev', key: ''} ]), roomListsSelected: {group: 0, item: 0}, roomLists: [ { name: "Filters", expanded: true, listItems: [
Aktualisieren von verschachtelten Daten im Redux-Speicher
2 Antworten
Was ist der beste/richtige Weg, um zu aktualisieren ein verschachteltes array von Daten in einem Speicher mit redux? Meinem Speicher sieht wie folgt aus: { items:{ 1: { id: 1, key: "value", links: [ { id: 10001
React + Redux - Input onChange ist sehr langsam beim Eingeben, wenn die Eingabe einen Wert vom Status hat
4 Antworten
Ich hab meinen Eingang, der gefüllt ist von einem Wert von meinem Zustand. <input id="flashVars" name="flashVars" type="text" value={settings.flashVarsValue} disabled={isDisabled} onChange={handleChange} /> Settingsist mein Staat mit Redux. Wenn ich einen Wert in mein input, ich muss angeben onChange
Fehler melden "PropType fehlgeschlagen: Ungültige Prop" children "wurde an" Provider "geliefert, erwartet ein einzelnes ReactElement"
2 Antworten
ich habe einige Probleme mit React.js. das ist mein code: import React from 'react'; import { createStore } from 'redux'; import { Provider } from 'react-redux'; import App from './containers/App'; import todoApp from './reducers'; let store =
Verwenden von Webpack-Aliasen in Mokkatests
7 Antworten
Ich bin der Entwicklung einer web-app bei der Arbeit Reagieren/Redux/Webpack und bin jetzt ab zum integrieren von Tests mit Mocha. Folgte ich die Anweisungen für das schreiben von tests in der Redux-Dokumentationaber jetzt habe ich ein Problem
Redux: Was ist der richtige Weg, um ein Datenfeld im Reducer zu filtern?
2 Antworten
gefiltert werden soll, ein array auf die Suche SEARCH_TEXT ist eine auf change action was bin ich verwirrt, wie ich wieder den Zustand, wenn die delete-Taste gedrückt wird, und der text wird jetzt leer, ich vermute, ich
Warum sollte "this.props.dispatch" anstatt "store.dispatch" direkt in Redux verwendet werden?
2 Antworten
Gibt es irgendwelche Nachteile, die direkt mit speichern.Versand? Scheint es mir, es ist viel einfacher, zu nennen (denn es ist allen untergeordneten Komponenten) und in meinen Tests bisher habe ich noch keinen Unterschied feststellen. Dank! InformationsquelleAutor der
Was ist der beste Weg, um mit einem Fetch-Fehler in react redux umzugehen?
5 Antworten
Habe ich einen reducer für Kunden, eine andere für AppToolbar und einige andere... Können nun sagen, dass ich erstellt eine fetch-Aktion auf client löschen, und wenn es scheitert, ich habe code in der Kunden-Reduzierer, die tun sollten,
Wie kann ich auf den Speicherstatus in React Redux zugreifen?
4 Antworten
Ich bin nur eine einfache app, um zu lernen async mit redux. Ich habe alles funktioniert, jetzt möchte ich nur den aktuellen Status auf der web-Seite. Nun, wie kann ich eigentlich den Speicher zugreifen Zustand in der
Kann ich eine Aktion im Reducer versenden?
4 Antworten
ist es möglich, Versand in einer Aktion in einem reducer selbst? Ich habe eine progressbar und ein audio-element. Das Ziel ist die Aktualisierung der progressbar wenn die Zeit aktualisiert wird, in die das audio-element. Aber ich weiß
Warum Redux-Observable über Redux-Saga verwenden?
5 Antworten
Habe ich verwendet Redux-Saga. Code geschrieben, mit dem es leicht ist auf Grund bisher, außer JS-generator-Funktion ist Durcheinander meinem Kopf von Zeit zu Zeit. Von meinem Verständnis, Redux-Beobachtbaren erreichen können, die ähnliche Arbeit, die Griffe Nebenwirkungen, aber
Typescript + React / Redux: Eigenschaft "XXX" existiert nicht für Typ 'IntrinsicAttributes & amp; IntrinsicClassAttributes
2 Antworten
Arbeite ich an einem Projekt mit Typoskript, Reagieren und Redux (alle laufen in Electron), und ich habe ein problem, wenn ich darunter eine Klasse component in der anderen und versucht, um Parameter zwischen Ihnen. Grob gesagt, habe
Wie benutze react-redux connect mit mapStateToProps, MapDispatchToProps und redux-router
2 Antworten
Ich will in meinem container "- LoginPage" (smart-Komponente) Weiterleitung nach dem login. So etwas wie dieses: handleSubmit(username, pass, nextPath) { function redirect() { this.props.pushState(null, nextPath); } this.props.login(username, pass, redirect); //action from LoginAcitons } username und pass kam
Wann würden bindActionCreators in react / redux verwendet werden?
4 Antworten
Nehmen im Blick auf die redux-Dokumentation für bindActionCreators und es besagt, dass: Der einzige use-case für bindActionCreators ist, wenn Sie übergeben möchten einige action-Macher nach unten auf eine Komponente, die nicht bewusst, Redux, und Sie nicht wollen,
Redux-Router - Wie wird der Status nach der Aktualisierung wiedergegeben?
2 Antworten
Ich habe einen multi-step Formular-Anwendung, und ich habe Mühe mit immer meine Kopf herum, wie kann ich das speichern meiner redux Staat und wiederholen es nach einer Aktualisierung zum Beispiel? Zurück/vorwärts in die app funktioniert wie erwartet,
React-Redux-Store-Updates, aber React nicht
1 Antworten
Geduld mit mir hier, wie diese Frage bezieht sich auf meinen ersten test-app mit entweder Reagieren, Redux oder reagieren-redux. Docs hätten mich weit und ich habe einen mock-banking-app, funktioniert auch meistens. Mein state-Objekts sieht in etwa wie
Wie Unit-Test React-Redux verbundene Komponenten?
3 Antworten
Bin ich mit Mocha, Chai, Karma, Sinon, Webpack für Unit-tests. Ich folgte diesem link, um bei der Konfiguration meines Test-Umgebung für Reagieren-Redux-Code. https://medium.com/@scbarrus/how-to-get-test-coverage-on-react-with-karma-babel-and-webpack-c9273d805063#.7kcckz73r Kann ich erfolgreich testen, meine action-und Reduzierstücke javascript-code, aber wenn es ums testen geht
Objekte sind nicht als reagierendes Kind gültig (Im Internet Explorer 11 für React 15.4.1)
4 Antworten
Objekte gelten nicht als Kind Reagieren (gefunden: Objekt mit Schlüssel {$$typeof, Typ, Schlüssel, ref, Requisiten, _owner, _store}). Wenn Sie bedeutete für die Darstellung einer Sammlung von Kinder, verwenden Sie ein array statt oder wickeln Sie das Objekt
Wo erhalte ich Anfangsdaten vom Server in einer React Redux App?
2 Antworten
Habe ich angefangen zu lernen, Reagieren /Redux und stolperte über etwas, das ist wahrscheinlich eine sehr einfache Frage. Unten sind Ausschnitte aus meiner app mit dem code entfernt, der Einfachheit halber. Mein Zustand wird beschrieben durch eine
Wie man eine AJAX-Anfrage in redux macht
4 Antworten
Ich weiß, ich muss schreiben, Aufforderung in Aktion zu erstellen. Wie Sie ein Versprechen in Aktion für die Einreichung einer Anfrage? Ich bin immer Daten in Aktion. Dann wird der neue Staat geschaffen, in reducer. Binden action
Was nützt das Argument ownProps in mapStateToProps und mapDispatchToProps?
2 Antworten
Sehe ich, dass die mapStateToProps und mapDispatchToProps Funktion, die übergeben werden, um die connect Funktion in Redux nehmen ownProps als zweites argument. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Was ist die optionale [ownprops]
Reagieren mit Redux? Was ist mit dem Problem "Kontext"?
3 Antworten
Ich normalerweise post-code-bezogene Sachen auf dem Stapel, aber das ist mehr eine Frage, was den Allgemeinen Gedanken der Gemeinschaft sind. Scheint es eine Menge Leute befürworten die Verwendung Redux mit Reagieren zum verwalten von Daten/Zustand, aber beim
Reagiere Router private Routen / Redirect funktioniert nicht
8 Antworten
Habe ich etwas angepasst Reagieren die Router Beispiel für den privaten Routen zu spielen schön mit Redux, aber keine Komponenten gerendert werden, wenn die Verbindung oder das Umleiten zu anderen "Seiten". Das Beispiel ist hier zu finden:
Sollten Sie jemals diese.setState () bei der Verwendung von Redux verwenden?
1 Antworten
Sollten Sie jemals verwenden this.setState() bei der Verwendung von redux? Oder sollten Sie immer die Einplanung von Aktionen und sich auf die Requisiten? Kommentar zu dem Problem - Öffnen Es ist nichts falsch mit einige Komponenten mit
Axios erhalten in URL funktioniert aber mit zweiten Parameter als Objekt nicht
2 Antworten
Ich versuche zu senden GET-Anforderung als zweiten parameter, aber es funktioniert nicht, während Sie es tut, als url. Dieser Werke, $_GET['Nam'] gibt test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type:
Wo kann ich in einer Redux-App auf localStorage schreiben?
4 Antworten
Möchte ich bestehen einige Teile aus meinem Zustand Baum, "localStorage". Was ist der geeignete Ort, dies zu tun? Reducer oder Aktion? InformationsquelleAutor der Frage Marco de Jongh | 2016-02-10
Wie auf bestimmte Eigenschaftenänderungen im Redux-Speicher nach dem Absetzen einer Aktion geachtet wird
2 Antworten
Ich bin derzeit versuchen zu konzipieren, wie Sie Griff Versand eine Aktion in einer Komponente basierend auf einer änderung der Daten nach Versand in einer anderen Komponente. Nehmen Sie dieses Szenario: dispatch(someAjax) -> Eigenschaft im Status updates.
React + Redux-router = Uncaught Error: Erwartet, dass der Reducer eine Funktion ist
3 Antworten
Mein code ist in Ordnung, aber ich habe ein nerviges problem immer wenn ich eine Codierung Fehler und erhalten Sie einen Laufzeitfehler. Zum Beispiel, in einem meiner JSX Seiten habe ich Date() statt new Date() und statt
Cleaner / kürzere Möglichkeit, den geschachtelten Zustand in Redux zu aktualisieren?
6 Antworten
Manchmal Reduzierstücke irgendwie chaotisch: const initialState = { notificationBar: { open: false, }, }; export default function (state = initialState, action) { switch (action.type) { case actions.LAYOUT_NOTIFICATIONBAR_OPEN: return Object.assign({}, state, { //TODO: Find a cleaner way to
Auf React Router, wie im eingeloggten Zustand bleiben, aktualisieren Sie die Seite sogar?
2 Antworten
Mache ich mit der website, Reagieren, Reagieren und Router mit Redux. Viele Strecken(Seiten) Bedarf angemeldet. Ich kann redirect auf login, wenn der Benutzer nicht angemeldet, so: function requireAuth(nextState, replace) { let loggedIn = store.getState().AppReducer.UserReducer.loggedIn; if(!loggedIn) { replace({
Was ist der Unterschied zwischen redux-thunk und redux-promise?
3 Antworten
Soweit ich weiß und mich korrigieren, wenn ich falsch bin, redux-thunk ist eine middleware, die uns hilft, Versand async-Funktions-und debug-Werte in der Aktion selbst, während wenn ich redux-Versprechen konnte ich nicht erstellen async-Funktionen ohne Befolgung meiner eigenen
Abonnieren Sie einzelne Eigentumsänderungen im Geschäft in Redux
4 Antworten
In Redux kann ich problemlos abonnieren, speichern die änderungen mit store.subscribe(() => my handler goes here) Aber was ist, wenn mein laden ist voll von verschiedenen Objekten an einem bestimmten Ort in meiner app, die ich abonnieren
Wie man Reducer dynamisch für die Codeaufteilung in einer Redux-Anwendung lädt?
5 Antworten
Ich werde migrieren, um Redux. Meine Anwendung besteht aus einer Menge von teilen (Seiten, Komponenten), so will ich zu vielen Reduktionen. Redux Beispiele zeigen, die ich verwenden soll combineReducers() zu generieren reducer. Auch so wie ich das