Tag: redux

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

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

redux Holen Körper ist nicht zu verwenden mit keine cors-Modus

Anzahl der Antworten 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)

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

Beste Weg, um die filter-Tabelle in Reagieren

Anzahl der Antworten 1 Antworten
Ich habe ein array von Objekten gespeichert, die in redux. Ich möchte in der Lage sein filter-array basierend auf Benutzereingaben. Sollte ich ein Status-Objekt, das das array empfängt durch Requisiten und ändern Sie das array, oder ist

Richtige Weg, um update-state in der redux-Reduzierer

Anzahl der Antworten 2 Antworten
Ich bin ein Neuling in redux und es6-syntax. Ich meine die app mit den offiziellen redux tutorial, und mit diesem Beispiel. Gibt es JS-snippet unten. Meine Punkt - zu definieren REQUEST_POST_BODY und RECEIVE_POST_BODY Fällen, in Beiträge reducer.

Nicht abgefangener Fehler: Invariant Violation: Element-Typ ist ungültig: erwartet einen string

Anzahl der Antworten 1 Antworten
ich versuche zu Debuggen mein reagieren-code. in meinem render-Methode, die ich versuchen, debugger und debugger. nachdem ich Schritt über retun-Methode, die wird warning.js. nachdem ich Schritt über warning.js wenn die Bedingungen seiner werde instantiateReactComponent.js Ich bin nicht

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

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

Warum sind wiedermal die staatlichen Funktionen genannt Reduzierstücke?

Anzahl der Antworten 11 Antworten
Dies ist ein Teil der offiziellen Redux-Dokumentation: Gibt es einen reducer, weil es ist die Art der Funktion, die Sie weitergeben würde zu Array.prototype.reduce(reducer, ?initialValue) Es macht nicht viel Sinn für mich. Könnte jemand mir erklären, warum

Redux Form: Wie behandeln mehrere buttons?

Anzahl der Antworten 2 Antworten
Ich versuche, fügen Sie eine zweite Schaltfläche Absenden, um eine redux-form. Beide Tasten sollte der Versand eine Aktion aus, speichert die Daten aber je nach Taste gedrückt, wird der Benutzer weitergeleitet werden soll, für verschiedene Seiten. Also

Gewusst wie: filtern von Daten im ListView Reagieren-native?

Anzahl der Antworten 2 Antworten
Ich versuche, meine filter array-Objekt-Liste und dann versucht, die Anzeige in der ListView mit neuer Datenquelle. Die Liste ist jedoch nicht immer gefiltert. Ich weiß, dass meine filter-Funktion ordnungsgemäß funktioniert. ( Ich habe es in die Konsole.log

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,

Wie wählen Sie die Redux Zustand-shape für eine app mit Listen - /detail-Ansichten und die Paginierung?

Anzahl der Antworten 1 Antworten
Vorstellen, ich habe eine Anzahl der Einträge(z.B. Benutzer) in meiner Datenbank. Ich habe auch zwei Routen, eine für die Liste, andere für detail(wo man den Beitrag Bearbeiten). Jetzt bin ich mit zu kämpfen, wie der Ansatz der

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

Wann sollte ich hinzufügen, dass Redux auf eine app Reagieren?

Anzahl der Antworten 6 Antworten
Ich bin derzeit lernen zu Reagieren, und ich bin versucht, herauszufinden, wie man es mit Redux für den Aufbau einer mobilen app. Ich bin irgendwie verwirrt, wie die beiden verknüpft sind/verwendbar zusammen. Zum Beispiel habe ich dieses

Reagieren + Redux mit einer rest-api?

Anzahl der Antworten 3 Antworten
Habe ich eine einfache CRUD-app ich bin Gebäude in Knoten, und fertig sind die Schaffung der rest-API auf Express. Ich bin jetzt auf der Suche nach neuen front-end-Funktionalität und verwenden möchten, reagieren + redux als Lernübung. Es

wie sollte ich bauen onClick Aktion in meinem reagieren Komponente + Redux

Anzahl der Antworten 2 Antworten
Habe ich durch viele tutorials und Fragen auf Stack, aber ich kann nicht finden eine Lösung. Ich bin nur zu lernen, zu Reagieren/redux, zu bauen versuchen OnClick-Aktion. Ich habe den folgenden Fehler "Maximum call stack size exceeded

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

Wie teilt Redux Aktionen, die in mehrere Dateien

Anzahl der Antworten 3 Antworten
Habe ich einen Ordner "Aktionen" mit den üblichen types.js die Datei für mein handeln geben Konstanten, plus ein index.js Datei, die die folgenden import axios from 'axios'; import { browserHistory } from 'react-router'; import { AUTH_USER, UNAUTH_USER,

reagieren-redux: Was ist der Unterschied zwischen Zustand.setIn() und Staat.set()?

Anzahl der Antworten 2 Antworten
Gesehen hab ich den Einsatz von setInt() und set() in einige reagieren-redux-code: state.setIn(...); state.set(...); Ich habe festgestellt, dass einige Unterlagen hier https://facebook.github.io/immutable-js/ Aber leider ist die Methode nicht ausführlich dokumentiert. Fand ich auch einige andere Fragen: Mit

Reagieren DatePicker, wie datepicker öffnen auf Klick auf icon

Anzahl der Antworten 6 Antworten
Versuchen, Sie zu öffnen datepicker auf klicken von Symbol zu reagieren-datepicker-Komponente, die ich durchgemacht habe Ihre docs und Fragen links, aber festgestellt, dass das nicht viel ist, sinnvoll. <DatePicker {...startDateOpts} id='abc' maxDate={moment()} onChange={this.handleStartChange} placeholderText='Start Date' popoverAttachment={smallScreen ?

Redux Form, ein Radio-Button-Felder, wie man Variablen Werte?

Anzahl der Antworten 2 Antworten
In meine reagieren redux form, ich habe Folgendes: <fieldset className="form-group"> <legend>Radio buttons</legend> {this.props.job_titles.map(jobTitle => ( <div className="form-check" key={jobTitle.id}> <label className="form-check-label"> <Field name="job_title_id" component="input" type="radio" value={jobTitle.id} /> {' '} {jobTitle.title} </label> </div> ))} </fieldset> Damit werden die radio-buttons

Erste 400-Fehler Bad request axios mit

Anzahl der Antworten 1 Antworten
Ich bin mit axios und bekommen einen 400 bad request Fehler. Ich bin mit reagieren-redux und versuchen, senden Sie eine post-Anforderung an localhost:3000/posts. Hier ist der code, den ich verwende. import axios from 'axios'; import { GET_ALL_POSTS,

Reagieren ausdrucken.Requisiten nur, wenn der Wert nicht null

Anzahl der Antworten 2 Antworten
Also ich habe zwei einfache Klassen Reagieren Dashboard (Eltern) class UserDashboardPage extends Component { render() { console.log("UserDashboardPage") console.log(this.props.users) return ( <div> <UserInfoComponent user={this.props.users} /> </div> ); } } //map Users from store to Props function mapStateToProps({ users

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'

wie Erzeuge ein reagieren Komponente mit ReactDOM Rendern

Anzahl der Antworten 2 Antworten
_Header (cshtml) <div id="Help"></div> export default class Help { ReactDOM.render( <Help/>, document.getElementById('Help') ); } Help.js (component) } Mein Ziel ist es, machen eine Hilfe-Taste auf die Kopfzeile. Habe ich div-tag mit der id helfen -, modal -,

Wie kann ich das filter-array der Staat reagieren?

Anzahl der Antworten 3 Antworten
Ich habe um reducer, die viele Staaten. const initialState = { channel: null, order: {}, fetching:true, menu: , categories: , subcategories: , currentCategoryId: 1, currentSubcategoryId: 5, currentMenu: , }; Was gefiltert werden soll, ist menu. menu ist

So ändern Sie die input-Wert in redux

Anzahl der Antworten 2 Antworten
Bin ich eine Datei-manager-app auf Basis reagieren-redux, und ich treffe problem mit input. Zum Beispiel mein code: PathForm.js: export default class PathForm extends Component { render() { const { currentPath, handleSubmit } = this.props; console.log('PathFormPathFormPathForm', this.props) return

Reagieren - Passing-ref aus dumm-Komponente(child) , smart-Komponente(parent)

Anzahl der Antworten 4 Antworten
Ich habe einen smart und eine dumme Komponente, muss ich haben ref, um ein element, das ist in meinem dump Bestandteil in meinem smart-Komponente: kann ich pass es mit Requisiten, oder???? Dumb: export default (props)=>{ return( <input

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

wie man onUploadProgress in der axios?

Anzahl der Antworten 2 Antworten
Bin ich etwas verwirrt, dass, wie Sie upload-Fortschritt evt mit axios.Eigentlich bin ich die Speicherung von großen Anzahl von Dateien in aws s3.Für die, die how to get hochgeladen Fortschritte, brauche ich diese Funktion onUploadProgress Derzeit meine

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 setzen Sie den Status einer Redux-Shop?

Anzahl der Antworten 27 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

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

Was ist mapDispatchToProps?

Anzahl der Antworten 6 Antworten
Ich war das Lesen der Dokumentation für die Redux-Bibliothek und es ist dieses Beispiel, Neben der Lektüre der state -, container-Komponenten können Versand-Aktionen. In ähnlicher Weise können Sie eine Funktion definieren, die aufgerufen mapDispatchToProps() erhält, dass die

Reagieren-Redux Staat verloren nach aktualisieren

Anzahl der Antworten 3 Antworten
Ich bin wirklich neues zu Reagieren und Redux, ich habe nach Stephen Grider Advanced Reagieren und Redux-Kurs, und ich mache die client-Seite der Authentifizierung. Ich habe bereits ein token gespeichert auf meinem lokalen Speicher, und alles schien

In reagieren mit redux, wie post-Anforderung

Anzahl der Antworten 0 Antworten
für async-Beispiele, die ich gesehen habe, abrufen von Daten vom server. Aber was ist mit post-Anforderung? wie macht man das? Ich möchte nicht jquery.ajax zu tun, weil ich gar nicht wollen, zu importieren jquery Dank InformationsquelleAutor Benjamin

Modul nicht gefunden: Kann nicht aufgelöst werden "- material-ui/AutoComplete'

Anzahl der Antworten 5 Antworten
Habe ich installiert, material-ui-search-bar und dann will ich mit Suchleiste. Aber ich habe nächste problem: ./node_modules/material-ui-search-bar/lib/components/SearchBar/SearchBar.js Module not found: Can't resolve 'material-ui/AutoComplete' in '...node_modules/material-ui-search-bar/lib/components/SearchBar' Wie kann ich es beheben? Weiter nach der Installation importieren Sie es in

Verbinden Sie nicht die Arbeit mit StateLess Komponente in der Redux-reagieren

Anzahl der Antworten 2 Antworten
Ich bin Entsendung eine Aktion von einigen anderen Komponenten , und lagern Sie wird immer aktualisiert mit svgArr Eigenschaft, aber wenn Sie die folgenden Stateless Komponente connect'ed um den laden , es ist nicht immer aktualisiert beim

Element-Typ ist ungültig: erwartet einen string (für die eingebauten Komponenten) oder eine Klasse/Funktion

Anzahl der Antworten 6 Antworten
import React from 'react'; import ReactDOM from 'react-dom'; import Map from './components/map/container/map'; import App from './App'; import './index.css'; import shell from './shared/utility/shell'; import { render } from 'react-dom' import { Provider } from 'react-redux' import { createStore,

Wie behandeln Requisiten änderungen ohne Verwendung componentWillReceiveProps in Reagieren

Anzahl der Antworten 3 Antworten
Ich arbeite schon an einem Projekt, das codierte Reagieren. Ich habe eine Komponente, die ich umgesetzt habe viele Komponenten für meine Anforderungen. Viele von diesen wirken wie zusammengesetzte Komponente. Zum Beispiel, TextBox Komponente, die hat sein eigenes