Dies ist ein Beispiel von der Google Adsense-Anwendungsseite. Der Ladebildschirm, der vor der Hauptseite angezeigt wird, wird nach angezeigt. Ich weiß nicht, wie ich mit React dasselbe machen soll, denn wenn ich einen von der React-Komponente gerenderten Ladebildschirm erstelle, wird dieser beim...
Ich benutze Redux. In meinem Reduzierer versuche ich, eine Eigenschaft aus einem Objekt wie diesem zu entfernen: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } Und ich möchte so etwas haben, ohne den ursprünglichen Zustand mutieren zu müssen: const newState = { a: '1', b: '2', c: { x:...
Vollständiger Code hier: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hallo, Ich habe eine Anwendung, in der verschiedene Vorlagen für Desktop und Mobile basierend auf der Build-Umgebung angezeigt werden. Ich kann es erfolgreich dort entwickeln, wo ich das Navigationsmenü für meine mobile...
Wie füge ich Elemente in mein Array arr[]des Redux-Status im Reduzierer ein? Ich mache das- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case...
Was ist der Unterschied zwischen Komponente und Behälter bei der Reaktion auf
Ich habe Redux-Saga verwendet . Der damit geschriebene Code ist bisher leicht zu begründen, außer dass die JS-Generatorfunktion von Zeit zu Zeit meinen Kopf durcheinander bringt. Nach meinem Verständnis kann Redux-Observable einen ähnlichen Job ausführen , der Nebenwirkungen behandelt, jedoch ohne...
Anstatt meine Komponenten in eine Klasse zu schreiben, möchte ich stattdessen die Funktionssyntax verwenden. Wie überschreiben ich componentDidMount, componentWillMountinnerhalb Funktionskomponenten? Ist es überhaupt möglich? const grid = (props) => { console.log(props); let {skuRules} =...
Ich habe ein Formular zum Erstellen, Lesen, Aktualisieren und Löschen. Ich habe 3 Komponenten mit der gleichen Form erstellt, aber ich gebe ihnen verschiedene Requisiten. Ich habe CreateForm.js, ViewForm.js (schreibgeschützt mit der Schaltfläche Löschen) und UpdateForm.js. Ich habe früher mit PHP...
Ich habe eine React / Redux-Anwendung, die ein Token von einem API-Server abruft. Nachdem sich der Benutzer authentifiziert hat, möchte ich, dass alle Axios-Anforderungen dieses Token als Autorisierungsheader haben, ohne es manuell an jede Anforderung in der Aktion anhängen zu müssen. Ich bin...
Ich bin ein Javascript / Redux / React-Anfänger, der eine kleine Anwendung mit Redux, React-Redux und React erstellt. Aus irgendeinem Grund erhalte ich bei Verwendung der Funktion mapDispatchToProps in Verbindung mit connect (React-Redux-Bindung) einen TypeError, der angibt, dass der Versand keine...
Wie greife ich innerhalb einer Saga-Funktion auf den Redux-Status zu? Kurze Antwort: import { select } from 'redux-saga/effects'; ... let data = yield
Ich versuche, eine GET-Anfrage als zweiten Parameter zu senden, aber es funktioniert nicht, solange es als URL funktioniert. Dies funktioniert, $ _GET ['naam'] gibt den Test zurück: export function saveScore(naam, score) { return function (dispatch) {
Ich erstelle eine App, die in mehreren Sprachen und Gebietsschemas verfügbar sein muss. Meine Frage ist nicht rein technisch, sondern vielmehr nach der Architektur und den Mustern, die die Leute tatsächlich in der Produktion verwenden, um dieses Problem zu lösen. Ich konnte nirgendwo ein "Kochbuch"...
Als Anfänger der React-Welt möchte ich {this.props.children}genau verstehen, was passiert, wenn ich es benutze und in welchen Situationen ich es benutze . Welche Relevanz hat es im folgenden Code-Snippet? render() { if (this.props.appLoaded) { return ( <div> <Header...
Ich weiß, dass ich die Eingabe nicht mutieren soll und das Objekt klonen soll, um es zu mutieren. Ich folgte der Konvention, die für ein Redux-Starterprojekt verwendet wurde, das Folgendes verwendete: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value],...
Da ich React-Router verwende, um meine Routen in einer React-App zu verarbeiten, bin ich gespannt, ob es eine Möglichkeit gibt, zu einer externen Ressource umzuleiten. Angenommen, jemand trifft: example.com/privacy-policy Ich möchte, dass es umgeleitet wird zu:
Ich weiß, dass Redux eine bessere "Implementierung" von Flux ist, oder besser gesagt, es ist ein Redesign zur Vereinfachung (Verwaltung des Anwendungsstatus). Ich habe viel über reaktives Programmieren (RxJS) gehört, aber ich habe noch nicht getaucht, um es zu lernen. Meine Frage lautet also:...
Sollten Sie jemals verwenden, this.setState()wenn Sie Redux verwenden? Oder sollten Sie immer Aktionen auslösen und sich auf Requisiten
Beim Versuch, meine React-App auszuführen, wird folgende Fehlermeldung angezeigt: ./src/components/App/App.js Versuchter Importfehler : 'combinReducers' wird nicht aus '../../store/reducers/' exportiert. So exportiere ich combineReducers: import { combineReducers } from 'redux'; import...
Ich habe ein Problem beim Navigieren auf eine andere Seite. Die Position bleibt wie auf der vorherigen Seite. Es wird also nicht automatisch nach oben gescrollt. Ich habe auch versucht, window.scrollTo(0, 0)auf onChange Router zu verwenden. Ich habe auch scrollBehavior verwendet, um dieses Problem...