Tag: redux

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

Wo set-cookie Isomorph Redux-Anwendung?

4 Antworten

Habe ich 3 Allgemeine Fragen über redux und isomorph Anwendung: Was ist der beste Weg, zu teilen 'runtime' - Daten zwischen client und server? Zum Beispiel, wenn der Benutzer eingeloggt in eine entfernte API, Speichere ich die

Redux-Formulare Einreichen, die Validierung keine Fehler Meldungen

2 Antworten

Ich versuche zu machen, Formular mit submit-Validierung. Wenn ich ein Formular Einreichen, meine handleSubmit entlassen und werfen SubmissionError, aber es passiert nichts mehr. Einreichen (nur Fehler schmeißen jedes mal): function submit(values) { console.log(values); throw new SubmissionError({ password:

javascript reactjs redux redux-form

So exportieren Sie mapStateToProps und Redux-Form?

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

react-redux reactjs redux redux-form

Vorteile der Verwendung von immutable.js über Object.weisen Sie oder spread-Betreiber

6 Antworten

Bisher sind die meisten "starter-Textbausteinen" und einige posts zu reagieren /redux ich habe gesehen, fördern die Nutzung von immutable.js zu Adresse Veränderbarkeit. Ich persönlich verlassen Sie sich auf Object.assign oder spread-Betreiber, um diese zu bewältigen, daher kann

immutability javascript reactjs redux

Das einbetten der gleichen redux-form mehrmals auf einer Seite?

1 Antworten

Ich habe ein Problem versucht einbetten, mehrere Formulare auf einer Seite. Ich bemerkte configForm einmal ausgeführt, auch mit mehreren Formularen auf der Seite, das ist, warum ich kann nicht dynamisch erzeugen unterschiedliche form-Namen. Abbildung zeigt mehrere Textfelder

reactjs redux redux-form

Reagieren-redux-Methode connect, unable to locate store in Requisiten

1 Antworten

Ich habe eine Anwendung, die Struktur, die meist ahmt die redux real-Welt Beispiel, aber kann nicht ankommen vorüber immer diese Fehlermeldung: Uncaught Error: Invariant Violation: Could not find "store" in either the context or props of "Connect(Home)".

reactjs redux

reagieren js mapStateToProps löst Uncaught TypeError: Cannot read property 'map' of undefined

2 Antworten

Habe ich eine index.js das macht alle Tabellen in der Datenbank. _renderAllTables() { const { fetching } = this.props; let content = false; if(!fetching) { content = ( <div className="tables-wrapper"> {::this._renderTables(this.props.allTables)} </div> ); } return ( <section>

reactjs redux

Reagieren-Redux mapDispatchToProps nicht empfangen mapStateToProps

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.

react-redux redux

Warum sollten Objekte in der Redux unveränderlich sind?

3 Antworten

Warum sollten Objekte in der Redux unveränderlich sind? Ich weiß, dass einige frameworks wie Angular2 verwenden onPush und Vorteil der Unveränderlichkeit zu vergleichen Staaten von Ansichten für schneller Rendern, aber ich Frage mich, ob es andere Gründe

angular immutability javascript reactjs redux

Typoskript klagt Eigenschaft nicht vorhanden ist auf dem Typ 'JSX.IntrinsicElements' bei der Verwendung Reagieren.createClass?

3 Antworten

Ich bin mit Maschinenschrift zu schreiben redux Anwendung. var item = React.createClass({ render: function() { return (<div>hello world</div>) } }); export default class ItemList extends Component<any, any> { render() { return (<item />) } } Dann Typoskript

reactjs redux typescript

Redux: Aufruf speichern.getState() in einer reducer-Funktion, ist, dass ein anti-pattern?

3 Antworten

Frage ich mich, manchmal habe ich einen Druckminderer, der braucht Informationen aus anderen Druckminderer. Zum Beispiel habe ich dieses Reduzierstück: import * as ActionTypes from '../actions/action_type_constants'; import KeyCode from 'keycode.js/index'; import {store} from "../index"; import {mod} from

javascript redux

Wie unit-Tests in diesem Redux thunk?

3 Antworten

Also ich habe das Redux-action-Schöpfer, der mit redux thunk middleware: accountDetailsActions.js: export function updateProduct(product) { return (dispatch, getState) => { const { accountDetails } = getState(); dispatch({ type: types.UPDATE_PRODUCT, stateOfResidence: accountDetails.stateOfResidence, product, }); }; } Wie kann

chai javascript redux

Wie Sortieren Sie die Liste Reagieren, die Komponenten, basierend auf verschiedenen Eigenschaften?

5 Antworten

So, in diesem ist ein code-snippet aus meinem frontend. {store.results.data.map( result => <ResultItem key={result.id} title={result.title} description={result.description} start_date={result.start_date} end_date={result.end_date} vendor_name={result.vendor.name} buyer_name={result.buyer.name} preview_file={result.preview_file} status={result.status} /> )} Im Grunde bin ich der Zuordnung alle Daten in meinem Redux-store in ResultItems.

reactjs redux

Redux - Form: Nicht Versand-Aktion auf " Absenden

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'

react-redux reactjs redux redux-form

Reagieren router v4 funktioniert nicht mit Redux

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

react-redux react-router-component react-router-v4 reactjs redux

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

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

memory-leaks react-redux reactjs redux

Immer redux-form Werte in onChange-Ereignis

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

javascript react-redux reactjs redux redux-form

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

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

react-redux reactjs redux

Reagieren Die Bestückung Zweimal

1 Antworten

Innen einen kleinen Teil meiner Reagieren/Redux/ReactRouterV4 Anwendung, ich habe folgende Komponente Hierarchie, - Exhibit (Parent) -- ExhibitOne -- ExhibitTwo -- ExhibitThree Innerhalb der Kinder Zeigen, es gibt über 6 verschiedene mögliche Routen, die gerendert werden kann als

react-router reactjs redux

Reagieren Redux und reagieren-router-dom

1 Antworten

Ich Lerne, Redux, und mit den neuen Veränderungen reagieren-router-dom, ich bin ein wenig verwirrt. Ich habe diese Dateien: Index.js import React from 'react'; import { Provider } from 'react-redux'; import ReactDOM from 'react-dom'; // import { AppContainer

javascript react-router-dom reactjs redux

Download pdf-Datei-API

1 Antworten

Ich am erstellen einer Funktion, die erstellt und als pdf-download nach dem button-Klick. Ich bin mit express als backend und reagieren/readux/axios wie vor. Mein backend läuft auf einem anderen port als meine front. So, ich bin dem

axios express reactjs redux

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

1 Antworten

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

react-redux reactjs redux

Reagieren Komponente nicht aktualisiert beim speichern des Status sich geändert hat

5 Antworten

Unten ist mein component-Klasse. Die Komponente scheint nie zur Ausführung componentWillUpdate(), auch wenn ich den Status aktualisieren, indem Sie die Protokollierung, bevor die Rückkehr in mapStateToProps. Der Staat ist zu 100% ändern, aber die Komponente nicht aktualisieren.

javascript reactjs redux state

TypeError: Cannot call-a-Klasse wie eine Funktion (Reagieren/Redux)

2 Antworten

Ich bin der Zusammenstellung meiner ersten Redux/Reagieren-app, und beim anschließen meines ersten Container bekomme ich diesen Fehler. Ich habe mir über die letzten Beiträge auf dieser gleichen Fehler und ich gegangen durch jede Antwort im detail zu

javascript reactjs redux

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

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

react-redux reactjs redux redux-thunk

Wie die Umsetzung Validierung/Einschränkung reagieren-datepicker

1 Antworten

Ich versuche zu implementieren, die Einschränkung oder die Validierung in einer reagieren-datepicker Komponente. Ich bin mit redux-form zur Validierung und Normalisierung(zu implementieren Einschränkung) https://redux-form.com/6.0.0-rc.1/examples/normalizing/ Frage : ich habe beobachtet, dass weder die Normalisierung der Funktion noch die

javascript react-datepicker reactjs redux redux-form

Austausch von Daten zwischen zwei Redux-Reduzierer/Staaten

2 Antworten

Ist dies eine angemessene Lösung für Daten-sharing zwischen zwei Staaten/Reduzierstücke? //combineReducers function coreReducer(state = {}, action){ let filtersState = filters(state.filters, action); let eventsState = events(state.events, action, { filters: filtersState}); return { events: eventsState, filters : filtersState}; }

javascript redux

Stellen Sie server-Validierung mit redux-form und Fetch API

2 Antworten

Wie man server-seitige Validierung mit redux-form und Fetch API? Es gibt "Senden Validation" demo in die docs, die sagt, dass die empfohlene Art und Weise zu tun, server-seitige Validierung ist die Rückkehr ein Versprechen aus dem onSubmit-Funktion.

es6-promise fetch-api redux redux-form validation

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

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

javascript react-jsx react-redux reactjs redux

Muster für die Aktualisierung mehrere Teile von Redux Zustand

1 Antworten

Die Form meiner Redux-Zustand sieht wie folgt aus: { user: { id: 123, items: [1, 2] }, items: { 1: { ... }, 2: { ... } } } Mit combineReducers ich habe 2 Sätze von getrieben.

javascript redux

Füllen Dropdown-Wählen Sie mit Requisiten Reagieren

2 Antworten

So, ich bin versucht, zum füllen der dropdown-Liste mit ein paar Infos aus einer anderen Tabelle mit Requisiten. Derzeit haben diese. Ich hatte zu tun, die Schleife nach hinten, denn früher war es zu brechen, import React,

react-bootstrap reactjs redux

Laden von Bildern auf der Grundlage dynamischer Pfad in ReactJs

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

ecmascript-6 json react-redux reactjs redux

Redux - reducer nicht immer genannt

3 Antworten

Ich versuche zu lernen Redux. Ich folgte einem online-tutorial und verwendet Ihr Beispiel und es funktionierte gut. Dann machte ich noch einen kleinen test app und es funktionierte gut. Jetzt versuche ich eine andere kleine test-app und

reactjs redux state

Können Sie, oder sollten Sie verwenden, localStorage, in Redux ursprüngliche Zustand?

1 Antworten

Zum Beispiel... export const user = (state = { id: localStorage.getItem('id'), name: localStorage.getItem('name'), loggedInAt: null }, action) => { case types.LOGIN: localStorage.setItem('name', action.payload.user.name); localStorage.setItem('id', action.payload.user.id); return { ...state, ...action.payload.user } default: return { ...state, loggedInAt: Date.now() }

ecmascript-6 flux javascript reactjs redux

401 (Unauthorized) in Chrome, aber nicht im IE

1 Antworten

Ich zog vor kurzem von der Verwendung von jQuery zu verwenden isomorph zu Holen mit Redux. Wenn im IE, die es verwaltet, zu Holen in Ordnung. Allerdings bekomme ich unter, wenn die Ausführung in Chrom. Failed to

fetch google-chrome javascript redux unauthorized

Ruft setState() in Reagieren render-Methode

3 Antworten

Ich versuche reset Reagieren Zustandsvariablen (default-Werte) in einem container mit setState () - Methode. Aber immer folgende Fehler Warning: setState(...): Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods

reactjs redux

Redux connect() mit vielfachen Aktionen / Zustände

3 Antworten

Was ist der richtige Weg, der den Anschluss mehrerer Mitgliedstaaten mit entsprechenden Maßnahmen Schöpfer in Redux? Und das ist sogar eine gute Idee? Wie kann ich das umgehen, wenn es eine blöde Idee? export default connect( //which

connect reactjs redux redux-framework

Redux nicht die Aktualisierung von Eigenschaften in IE11

3 Antworten

ich in eine seltsame Frage in Bezug auf Reagieren & Redux in Internet explorer 11. Habe ich einen Reagieren Anwendung mit redux & thunk+promise-middleware. Gesagt-Anwendung arbeitet völlig in Ordnung, in Chrome, safari und firefox, aber bei der

javascript reactjs redux

Zugriff auf einen reducer Zustand aus in einen anderen Druckminderer

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

react-redux reactjs reducers redux

Warum ist mein Kontext.router undefiniert in meine reagieren Komponente?

2 Antworten

Ich versuche auf meine router innerhalb meiner Komponente und es ist nicht definiert. Hier ist mein router: React.render( <Provider store={store}> {() => <Router> <Route path="/" component={LoginContainer} /> </Router> } </Provider>, document.getElementById('app') ); Hier ist der container: class

reactjs redux

Verschiedene handleChange () - Funktionen für jedes einzelne element in der Komponente? (Reagieren

3 Antworten

Ich würde gerne wissen, ob dies ist eine gute übung, oder ob ich eher das design dieser app anders. Ich bin besonders besorgt mit den beiden "handleChange' Funktionen, und Frage mich, ob dies könnte vereinfacht werden, irgendwie.

javascript reactjs redux

Lade ein Bild mit fetch

1 Antworten

Ich habe eine form definiert: <form method="POST" onSubmit={this.handleSubmit.bind(this)} enctype="multipart/form-data"> Handler für das submit-Ereignis ist definiert als Z: handleSubmit(event) { event.preventDefault(); var FormData = require('form-data'); var form = new FormData(); form.append('nome', this.refs.name.value); form.append('phone', this.refs.phone.value); form.append('address', this.refs.address.value); form.append('mail', this.refs.mail.value);

fetch file-upload laravel-5 reactjs redux

SyntaxError: Unexpected token: punc ())

2 Antworten

Ich bin Empfang: SyntaxError: Unexpected token: punc ()) von UglifyJS und es zeigt auf den ersten Buchstaben des globalen Variablen API_URL. Ich habe es umgesetzt in dieser Weise: export default reduxApi({ campaigns: { url: `${API_URL}/api/v1/whatever`, transformer (response)

javascript reactjs redux uglifyjs

Reagieren .map() ist keine Funktion Fehler

3 Antworten

JS: import React, {Component} from 'react'; import './App.css'; import axios from 'axios'; export default class App extends Component { constructor() { super(); this.state = { weather: }; } componentDidMount (){ this.search(); } search = () =>

axios ecmascript-6 javascript reactjs redux

Zugriff auf einzelne array-Elemente Reagieren Aufruf von API

1 Antworten

Schreibe ich eine webapp mit Reagieren und Redux. Ich habe eine Redux-action, die verwendet XMLHttpRequest, um zu füllen meinen Druckminderer mit Daten (array-format) von einer REST-API. Ich nenne die Aktion in componentDidMount, weil das ist, was Reagieren

reactjs redux

Wie behandeln Baum-förmigen Einheiten in Redux Reduzierstücke?

2 Antworten

Ich bin ein bisschen stecken denken, wie implementieren Sie einen Druckminderer, wo seine Personen Kinder haben den gleichen Typ. Nehmen reddit-Kommentare als Beispiel: jeder Kommentar kann von untergeordneten Kommentare haben kann, dass die Kommentare selbst usw. Zur

flux javascript reactjs-flux redux

Was ist die Verwendung von Geschweiften Klammern in ES6 import-Anweisung

4 Antworten

Ich sehen kann, gibt es zwei verschiedene Möglichkeiten zum importieren von import React from 'react' import { render } from 'react-dom' zweite hat Klammern. Also, was ist der Unterschied zwischen den beiden? und Wann sollte ich das

reactjs redux

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

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

react-redux redux

Tut Redux haben eine integrierte Möglichkeit, Aktionen rückgängig zu machen?

4 Antworten

Baue ich ein app, wo Aktionen ausgeführt werden, wie der Benutzer scrollt. Es wäre schön, wenn ich könnte rückgängig machen diesen Aktionen, wie der Benutzer blättert wieder, im Grunde drehen das scrollen in einer Weise zu durchsuchen,

redux

Reagieren Redux - vorbei an Requisiten mit Aktionen

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

javascript react-redux reactjs redux