Als «redux» getaggte Fragen

Redux ist ein vorhersehbarer Statuscontainer für JavaScript-Anwendungen, der auf dem Flux-Entwurfsmuster basiert.

6
Wie lade ich Reduzierer für die Code-Aufteilung in einer Redux-Anwendung dynamisch?
Ich werde zu Redux migrieren. Meine Anwendung besteht aus vielen Teilen (Seiten, Komponenten), daher möchte ich viele Reduzierungen erstellen. Redux-Beispiele zeigen, dass ich combineReducers()einen Reduzierer generieren sollte . Soweit ich weiß, sollte die Redux-Anwendung einen Speicher haben und wird erstellt, sobald die Anwendung gestartet wird. Wenn das Geschäft erstellt wird, …
7
Verfolgen Sie, warum eine React-Komponente neu gerendert wird
Gibt es einen systematischen Ansatz zum Debuggen, was dazu führt, dass eine Komponente in React neu gerendert wird? Ich habe ein einfaches console.log () eingefügt, um zu sehen, wie oft es gerendert wird, aber ich habe Probleme herauszufinden, warum die Komponente in meinem Fall mehrmals, dh (viermal) gerendert wird. Gibt …
154 reactjs  redux 
17
Reagieren - Ladebildschirm anzeigen, während DOM gerendert wird?
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 Laden der Seite nicht angezeigt, da zuvor auf …
9
Invariante Verletzung: "Store" konnte weder im Kontext noch in den Requisiten von "Connect (SportsDatabase)" gefunden werden.
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 Vorlage ausblenden muss. Im Moment kann ich einen Testfall schreiben, in dem alle Werte …
142 reactjs  mocha  redux 
4
Wie füge ich dem Array im Reduzierer von React native redux ein Element hinzu?
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 ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }
7
Warum Redux-Observable über Redux-Saga verwenden?
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 Verwendung der Generatorfunktion. Dokumente von Redux-Observable liefern jedoch nicht …
8
ReactJS-Lebenszyklusmethode innerhalb einer Funktionskomponente
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} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content …
133 reactjs  redux 
8
Fügen Sie den Autorisierungsheader für alle Axios-Anforderungen hinzu
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 ziemlich neu in der Reaktion / Redux …
125 reactjs  redux  axios 
11
'dispatch' ist keine Funktion, wenn ein Argument für mapToDispatchToProps () in Redux vorliegt
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 Funktion ist, wenn ich versuche, die resultierende Requisite auszuführen. …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.