Als «redux» getaggte Fragen

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

3
Wozu dient das Argument ownProps in mapStateToProps und mapDispatchToProps?
Ich sehe, dass die mapStateToPropsund mapDispatchToPropsFunktion, die connectin Redux an die Funktion übergeben werden, ownPropsals zweites Argument dienen. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Wofür ist das optionale [ownprops]Argument? Ich suche nach einem zusätzlichen Beispiel, um die Dinge klarer zu machen, da es bereits eines in …
6
Reagieren Sie die React-Komponente erneut, wenn sich die Requisite ändert
Ich versuche, eine Präsentationskomponente von einer Containerkomponente zu trennen. Ich habe ein SitesTableund ein SitesTableContainer. Der Container ist dafür verantwortlich, Redux-Aktionen auszulösen, um die entsprechenden Sites basierend auf dem aktuellen Benutzer abzurufen. Das Problem ist, dass der aktuelle Benutzer asynchron abgerufen wird, nachdem die Containerkomponente anfänglich gerendert wurde. Dies bedeutet, …
9
TypeError [ERR_INVALID_ARG_TYPE]: Das Argument "path" muss vom Typ string sein. Empfangener Typ undefiniert ausgelöst beim Starten der Reaktions-App
Ich arbeite an einem Projekt in React und bin auf ein Problem gestoßen, das mich verblüfft hat. Immer wenn ich renne, yarn starterhalte ich folgende Fehlermeldung: TypeError [ERR_INVALID_ARG_TYPE]: Das Argument "path" muss vom Typ string sein. Empfangener Typ undefiniert Ich habe keine Ahnung, warum dies geschieht. Wenn jemand dies erlebt …
1
Kann ich mapDispatchToProps ohne mapStateToProps in Redux?
Ich zerlege Redux 'ToDo-Beispiel, um zu versuchen, es zu verstehen. Ich habe gelesen, mapDispatchToPropsdass Sie damit Versandaktionen als Requisiten addTodo.jszuordnen können. Daher habe ich mir überlegt, neu zu schreiben , um mapDispatchToProps zu verwenden, anstatt dispatch (addTodo ()) aufzurufen. Ich habe es genannt addingTodo(). Etwas wie das: import React from …
9
Wann würden bindActionCreators in React / Redux verwendet?
In Redux- Dokumenten für bindActionCreators heißt es: Der einzige Anwendungsfall bindActionCreatorsbesteht darin, dass Sie einige Aktionsersteller an eine Komponente weitergeben möchten, die Redux nicht kennt, und den Versand oder den Redux-Speicher nicht an diese übergeben möchten. Was wäre ein Beispiel, wo bindActionCreatorsverwendet / benötigt würde? Welche Art von Komponente würde …
3
Wie kann ich den Redux-Statusbaum beim Aktualisieren beibehalten?
Das erste Prinzip der Redux-Dokumentation lautet: Der Status Ihrer gesamten Anwendung wird in einem Objektbaum in einem einzelnen Speicher gespeichert. Und ich dachte tatsächlich, dass ich alle Prinzipien gut verstehe. Aber ich bin jetzt verwirrt, was Anwendung bedeutet. Wenn Anwendung nur einen der wenig komplizierten Teile der Website bedeutet und …
91 reactjs  redux  flux 
4
React-Redux: Sollten alle Komponentenzustände im Redux Store aufbewahrt werden
Angenommen, ich habe einen einfachen Schalter: Wenn ich auf die Schaltfläche klicke, wechselt die Farbkomponente zwischen Rot und Blau Ich könnte dieses Ergebnis erzielen, indem ich so etwas mache. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case …
3
Mit Redux reagieren? Was ist mit dem Kontextproblem?
Normalerweise poste ich Sachen, die mit Code zusammenhängen, auf Stack, aber dies ist eher eine Frage zu den allgemeinen Gedanken der Community. Es scheint eine Menge Leute zu geben, die die Verwendung von Redux mit React zum Verwalten von Daten / Status befürworten, aber beim Lesen und Lernen von beiden …
8
Wie greife ich auf den Status im Redux-Reduzierer zu?
Ich habe einen Reduzierer, und um den neuen Status zu berechnen, benötige ich Daten aus der Aktion sowie Daten aus einem Teil des Status, der nicht von diesem Reduzierer verwaltet wird. Insbesondere in dem unten gezeigten Reduzierer benötige ich Zugriff auf das accountDetails.stateOfResidenceIdFeld. initialState.js: export default { accountDetails: { stateOfResidenceId: …
2
Typoskript + Reagieren / Reduzieren: Die Eigenschaft "XXX" ist für den Typ "IntrinsicAttributes & IntrinsicClassAttributes" nicht vorhanden
Ich arbeite an einem Projekt mit Typescript, React und Redux (alle in Electron) und bin auf ein Problem gestoßen, wenn ich eine klassenbasierte Komponente in eine andere einbeziehe und versuche, Parameter zwischen ihnen zu übergeben. Ich habe die folgende Struktur für die Containerkomponente: class ContainerComponent extends React.Component<any,any> { .. render() …
1
Warten ist ein reservierter Wortfehler innerhalb der asynchronen Funktion
Ich habe Probleme, das Problem mit der folgenden Syntax herauszufinden: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …
4
Woher weiß eine mit Redux verbundene Komponente, wann sie erneut gerendert werden muss?
Ich vermisse wahrscheinlich etwas sehr Offensichtliches und möchte mich klären. Hier ist mein Verständnis. In einer naiven Reaktionskomponente haben wir states& props. Durch das Aktualisieren statemit wird setStatedie gesamte Komponente neu gerendert. propssind meistens schreibgeschützt und eine Aktualisierung macht keinen Sinn. In einer Reaktionskomponente, die einen Redux-Speicher abonniert store.subscribe(render), wird …
10
React / Redux - Versandaktion beim Laden / Init der App
Ich habe eine Token-Authentifizierung von einem Server. Wenn meine Redux-App zum ersten Mal geladen wird, muss ich eine Anfrage an diesen Server stellen, um zu überprüfen, ob der Benutzer authentifiziert ist oder nicht. Wenn ja, sollte ich ein Token erhalten. Ich habe festgestellt, dass die Verwendung von Redux Core INIT-Aktionen …
85 reactjs  redux 
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.