Tag: react-redux

Offiziellen Reagieren Bindungen für Redux

So exportieren Sie mapStateToProps und Redux-Form?

Anzahl der Antworten 4 Antworten
Bin ich mit Redux Form (ver. 6) für eine log-in-Seite. Was ich gerne tun würde, ist, wenn der Benutzer das Formular ausfüllt und absendet, schnappen Sie sich den text aus meinem Zustand, so dass ich schließlich Versand

Reagieren-Redux mapDispatchToProps nicht empfangen mapStateToProps

Anzahl der Antworten 1 Antworten
In meinem mapStateToProps Funktion ich idToken und accessToken Werte gespeichert sind. Das funktioniert, denn ich habe in der Lage, Verweise auf diese Werte aus der Komponente. In mapDispatchToProps ich versuchen, diese Requisiten als Argumente in meinem handeln.

Material UI-Liste onClick feuert click-Ereignis auf verschachtelte Liste

Anzahl der Antworten 1 Antworten
Ich habe einen material-ui-Liste in meine einer der Komponente. Wenn ich klicken Sie auf ein beliebiges Element der Liste, ich gehe zu einem anderen listView. Ich bin mit router gehen Sie zu einem anderen listView. Und mit

Redux - Form: Nicht Versand-Aktion auf " Absenden

Anzahl der Antworten 1 Antworten
Ich bin mit der redux-Formular in meine Reagieren /Redux-Anwendung, und ich versuche, herauszufinden, wie der Versand einer Aktion auf senden. Konnte ich auslösen handleSubmit Funktion, und der submit-Funktion, ich pass auf es ausgeführt wird, aber die "submitFormValues'

Reagieren router v4 funktioniert nicht mit Redux

Anzahl der Antworten 2 Antworten
Entwicklung einer Anwendung Reagieren mit Reagieren v4 router. Alles funktionierte gut, bis ich eingeführt Redux in meiner app. Da dann auf klicken Sie links auf route ändern Sie die browser-url ändert, aber die Komponente entsprechend der route

Kann eine Redux-Shop zu einem Speicherverlust führen?

Anzahl der Antworten 4 Antworten
Habe ich eine dashboard-Anwendung mit mehreren Diagrammen immer aktualisiert auf einem festgelegten Intervall. Mein Erster Gedanke war, die Daten zu aktualisieren, die in den store und lassen Sie dann alle charts feed von dort. Aber könnte das

Immer redux-form Werte in onChange-Ereignis

Anzahl der Antworten 1 Antworten
Was ist der richtige Weg, um die Werte aus einem Formular verwaltet redux-form nach jeder form update??? Ich muss zum Versand eine Aktion jedes mal, wenn Sie die form ändern, verwenden Sie die Werte in das Formular

Was ist die Verwendung von @connect Dekorateur in reagieren-redux

Anzahl der Antworten 1 Antworten
Lerne ich Reagieren und nach ein paar tutorials, stieß ich auf diesen code: import React from 'react'; import TodosView from 'components/TodosView'; import TodosForm from 'components/TodosForm'; import { bindActionCreators } from 'redux'; import * as TodoActions from 'actions/TodoActions';

wie zu verwenden Unveränderlichkeit Helfer zu aktualisieren, ein verschachteltes Objekt in einem array?

Anzahl der Antworten 1 Antworten
Innen-Reduzierstück, gegeben ein Zustand Objekt: var state = { "data": [{ "subset": [{ "id": 1 }, { "id": 2 }] }, { "subset": [{ "id": 10 }, { "id": 11 }, { "id": 12 }] }] }

wie und Wann ein Anruf reagieren Komponente Methoden nach Zustand zu ändern, von redux

Anzahl der Antworten 2 Antworten
In einem einzigen reagieren Komponente ein Benutzer auf eine Schaltfläche klickt, => das ruft eine Methode => löst eine Aktion aus => async Holen => reducer updates state => Komponente erhält neue Requisiten. zurück in die ursprüngliche

ReactJS + Redux: Wie warten Sie, bis der Versand abgeschlossen ist, bevor auf den nächsten Schritt?

Anzahl der Antworten 4 Antworten
In ReactJS + Redux-Projekt, ich habe eine Methode, wo es macht eine API-Anfrage. Wenn erfolgreich, würde ich gerne Versand weitere Aktion, die Schöpfer und warten, bis es abgeschlossen ist. Dann, wenn es abgeschlossen ist, bewegen Sie auf

Laden von Bildern auf der Grundlage dynamischer Pfad in ReactJs

Anzahl der Antworten 2 Antworten
Ich versuche, um die Bilder in einen Warenkorb legen, ich mache das aber nicht angezeigt. Muss ich für den import jedes Bild? Ich weiß, meine Wege sind in Ordnung, weil es funktionierte vor.Ich denke, dass es möglicherweise

Nicht lösen kann Modul./../../react-transform-hmr/lib/index.js`

Anzahl der Antworten 12 Antworten
Fehler: Bündelung failed: Fehler: konnte Nicht lösen Modul ./../../react-transform-hmr/lib/index.js aus /ReactNative/UsermanagementNav/src/App.js: Das Modul ./../../react-transform-hmr/lib/index.js konnte nicht gefunden werden aus /ReactNative/UsermanagementNav/src/App.js. Habe ich versucht zu installieren, reagieren-native-transform-hmr mit npm reagiere ich-native-transform-hmr aber es löst nicht mein Problem. ich

richtige Art und Weise zu verwenden, firestore onSnapShot mit reagieren redux

Anzahl der Antworten 2 Antworten
Ich versuche, herauszufinden, die richtige Art und Weise zu verwenden, firestore.onSnapshot mit reagieren-redux. Momentan habe ich diesen code in meine action-Datei, die rufe ich auf componentWillMount() in meine Komponente. export const fetchCheckins = () => async (dispatch)

Zugriff auf einen reducer Zustand aus in einen anderen Druckminderer

Anzahl der Antworten 3 Antworten
Habe ich einen reducer, wobei ich bin umstimmung des entsprechenden Status, wenn eine Aktion ausgelöst wird. Nun bin ich dem Aufruf einer API in regelmäßigen Abständen, damit das Ergebnis eine Aktion auslösen, wieder und wieder. Also, was

Redux und innerhalb von ein Abschwächer Zugriff auf einen anderen Abschwächer, wie?

Anzahl der Antworten 2 Antworten
So, ich habe eine app, die mehrere Reduzierstücke, und damit mehrere Aktions-Schöpfer verbunden. Es ist eine Zeit, in der einer meiner Reduzier-updates, die der Staat (wegen der Bearbeitung), und als solche, ich dann stellen Sie sicher, dass

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

Aktivieren der source-Karten erstellen-reagieren-app?

Anzahl der Antworten 3 Antworten
jeder. Ich bin ein neues Mitglied zu reagieren und ich meine app verwenden create-reat-app .Ich verwendet node-sass-chokidar Paket wie reagieren Dokument. Aber ich weiß nicht, wie zu aktivieren "source maps" der scss-Datei. Vielen Dank für jede Hilfe.

Reagieren-router: nie heben Sie die Bereitstellung einer Komponente auf eine route, einmal montiert, auch wenn die route ändern

Anzahl der Antworten 1 Antworten
Ich habe eine Anwendung Reagieren, in der Sie deklariert einige Routen : <Switch> <Route exact path={'/'} render={this.renderRootRoute} /> <Route exact path={'/lostpassword'} component={LostPassword} /> <AuthenticatedRoute exact path={'/profile'} component={Profile} session={session} redirect={'/'} /> <AuthenticatedRoute path={'/dashboard'} component={Dashboard} session={session} redirect={'/'} /> <AuthenticatedRoute

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

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:

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

Reagieren-redux bekommen Website-Basis-URL / Fenster.Lage

Anzahl der Antworten 2 Antworten
Hoffentlich ist dies eine sehr einfache Frage: Ich möchte einen string mit der vollständigen URL zu einer Seite auf meiner Website, wie: https://example.com/documents/1 Im Idealfall würde ich mag zu generieren, diese in einen reagieren-redux connect()-ed-container, in mapStateToProps().

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

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 };

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

ES6, wie mehrere Standard-Exporte

Anzahl der Antworten 2 Antworten
Ich bin noch immer ein hang zu reagieren+redux, und ES6. Ich bin versucht zu implementieren socketio und stoße ich auf das problem, dass export-socketio verbinden mit meinem redux verbinden. redux verbinden export default connect(mapStateToProps, matchDispatchToProps)(UserList); socketio verbinden

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

Aktivieren der Datei-upload über Reagieren Material-UI-einfache Eingabe?

Anzahl der Antworten 4 Antworten
Erstelle ich ein einfaches Formular zum upload der Datei mit Hilfe der Elektronen-reagieren-boilerplate mit redux form & material-ui. Das problem ist, dass ich nicht weiß, wie das erstellen von " input file Feld, da material-ui nicht unterstützen,

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

Wie und wo speichern Sie das ganze redux store mit AsyncStorage

Anzahl der Antworten 2 Antworten
Wurde ich gefragt, ob ich etwas zu tun haben, wie diese zu retten, den ganzen laden meiner app mit AsyncStorage in meine reagieren native app und prüfen Sie, ob es existiert, wenn die app gestartet wird. var

Wie zu öffnen in-app-browser-Fenster, in Reagieren nativen

Anzahl der Antworten 4 Antworten
Ich versuche, öffnen Sie das browser-Fenster, ohne die app wenn ich auf eine URL (für iOS und Android). Verhalten sollte wie folgt sein (mit airbnb app Beispiel): Klicks in den "Allgemeinen Geschäftsbedingungen" link: links Beispiel Öffnen der

Redux: der Vorherige Zustand erhielt durch die Reduzierung unerwarteter Typ "Funktion"

Anzahl der Antworten 2 Antworten
Wenn ich add-middleware für die chrome-Erweiterung, Reduzierungen nicht mehr richtig funktioniert, auf der Website (aber chrome/redux-debug-tool funktioniert) + ich bekomme folgende Fehlermeldung in der Konsole: Den vorherigen Zustand erhielt durch die Reduzierung unerwarteter Typ "Funktion". Erwartet, dass

Einstellung bedingte onClick Verhalten Reagieren Komponente

Anzahl der Antworten 2 Antworten
Ich arbeite an einer Komponente, wo ein button (input-Feld vom Typ 'submit') wird die übermittlung von Daten nach dem anklicken. Allerdings möchte ich vorstellen, um zu zeigen, eine Warnung auf dem Bildschirm, wenn das Eingabefeld leer ist.

Reagieren Redux verwenden-HOC mit der angeschlossenen Komponente

Anzahl der Antworten 4 Antworten
Ich bin in der Mitte meiner ersten Reagieren Nativen Projekt. Ich würde gern ein HOC, die sich rein mit der Synchronisierung von Daten von einer api. Dies würde dann wickeln Sie alle meine anderen Komponenten. Wenn ich

Cannot read property 'Versand' undefined'. Reagieren

Anzahl der Antworten 3 Antworten
Folgenden ist der code, den ich verwende. Ich erhalte eine Fehlermeldung wie Uncaught TypeError: Cannot read property 'dispatch' of undefined. Ich will auch dispatch eine Aktion. import { connect } from 'react-redux' let SearchBar = ({ dispatch

Reagieren Redux - Wie der Versand einer Aktion auf componentDidMount bei der Verwendung mapDispatchToProps in eine angeschlossene Komponente

Anzahl der Antworten 3 Antworten
Ich habe Probleme mit diesem. Ich bin momentan dabei, eine kleine app mit reagieren redux. Im code unten ist meine app.js Komponente. Es war in Ordnung arbeiten, bis ich versuchte, verwenden die mapDispatchToProps-Funktion in Verbindung. Das problem

Redux vs plain Reagieren

Anzahl der Antworten 2 Antworten
Habe ich gelesen, einige redux-tutorials und um ehrlich zu sein sehe ich nicht bis jetzt, was Mehrwert bringt es auf Ebene reagieren. Soweit ich weiß kann ich eine app erstellen und verwalten Ihren Zustand nur reagieren, also,

Cannot convert undefined oder null-Objekt redux

Anzahl der Antworten 1 Antworten
Bin ich mit Redux, um ein einfaches speichern und leider es wirft diese Fehlermeldung: Cannot convert undefined or null to object Browser Punkte, um die Linie der Import von Redux import * as redux from "redux" Habe

Reagieren - erkennen Sie die "enter" - Taste drücken, im change-Ereignis

Anzahl der Antworten 1 Antworten
Ich habe einen Reagieren Komponente, die, mehr oder weniger, eine einfache textarea, wo ein Benutzer in geben. Hier ist, was der code sieht so weit: import React from 'react'; import {connect} from 'react-redux'; function handleChange(event) { const

Gewusst wie: übergeben von Daten von einer Komponente zur anderen, zu Reagieren oder Reagieren-Redux?

Anzahl der Antworten 1 Antworten
JS: import React, { Component } from 'react'; class BigText extends Component { constructor(props) { super(props); this.state = { title: '', text: '', summary: '' }; this.handleInputChange = this.handleInputChange.bind(this); } handleInputChange(event) { this.setState({ [event.target.name]: event.target.value }); }

Wie die Struktur der Paginierung Staat in Redux

Anzahl der Antworten 1 Antworten
TL;DR: Wie Sie speichern Paginierung Staat in einer Redux-store ein großes, normalisierten Zustand Baum mit vielen Ressourcen, und mehrere Ansichten anzeigen verschiedener paginiert Ergebnisse? Frage ich mich, was ist der beste Weg, um Paginierung von Daten in

Uncaught TypeError: Cannot read property 'Typ' undefined beim start des switch-Funktion

Anzahl der Antworten 1 Antworten
Ich versuche, meine app zu redux-reagieren, aus reinem reagieren. Ich machte eine Aktion und reducer für onClick, aber nach dem Versuch die app zu starten im dev-Modus bekomme ich diesen Fehler Uncaught TypeError: Cannot read property 'type'

Wann componentWillReceiveProps lifecycle-Methode?

Anzahl der Antworten 4 Antworten
Ich bin neu zu Reagieren/Redux und habe ein problem mit dem Staat. TrajectContainer.jsx class TrajectContainer extends React.Component { constructor(props) { super(props); this.state = { trajects: props.trajects, onClick: props.onClick }; } componentWillReceiveProps(nextProps) { console.log('componentWillReceiveProps', nextProps); this.setState(nextProps); } render()

Erwartet onClick-listener, um eine Funktion geben, stattdessen bekam der Typ object - reagieren redux

Anzahl der Antworten 3 Antworten
Wie schon im Titel, ich bin immer der Fehler Erwartet onClick-listener, um eine Funktion geben, stattdessen bekam der Typ object Aber ich bin nicht in der Lage zu verstehen, warum dies nicht funktioniert. soweit ich weiß, wird

Zum Umleiten auf die Login-Seite Vor der Eingabe von Index-Route in ReactJS + REDUX

Anzahl der Antworten 3 Antworten
Ich bin wirklich neues zu reagieren, nun möchte ich mich zur Umsetzung einer login-Seite, bevor Sie irgendwelche Routen, die ich bin derzeit mit : Reagieren : 15.4.2, Reagieren-DOM : 15.4.2, Reagieren-Redux : 5.0.4, und ich bin mit

Reagieren-Redux - Erstellen Sie einen Such-Filter

Anzahl der Antworten 1 Antworten
ich brauche Hilfe, um eine Suche, Filter in meiner app. Sein eine einfache app, die für die Studie verwendet Zwecke. Ziel ist die Schaffung einer Suche filtern. ich habe die Zustand in search_bar container und ich denke,

Wie update-Komponente Staat auf redux Zustand zu ändern?

Anzahl der Antworten 4 Antworten
Da habe ich eine Komponente mit Formen, ich brauche die Formen angeschlossen werden, um den Komponentenstatus. Die ersten Daten stammen von Redux also versuchen zu initialisieren und aktualisieren Sie die Komponente, indem Sie die Einstellung zum Staat

Cache-busting mit create app reagieren

Anzahl der Antworten 5 Antworten
Wenn ich meine Website aktualisiert, führen Sie npm ausführen, erstellen und hochladen der neuen Dateien auf den server ich Suche immer noch die alte version meiner Website. Die repo von meinem Projekt https://github.com/Alfrex92/serverlessapps Ohne zu Reagieren, dann