Als «react-redux» getaggte Fragen

Offizielle Reaktionsbindungen für Redux

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 …
4
Übergabe der Requisiten an die React-Redux-Containerkomponente
Ich habe eine React-Redux-Containerkomponente, die in einer React Native Navigator-Komponente erstellt wird. Ich möchte in der Lage sein, den Navigator als Requisite an diese Containerkomponente zu übergeben, damit er nach dem Drücken einer Schaltfläche in seiner Präsentationskomponente ein Objekt auf den Navigatorstapel schieben kann. Ich möchte dies tun, ohne den …
3
Lokale package.json existiert, aber node_modules fehlen
Ich versuche, eine Redux-Anwendung zu starten, die ich gerade aus einem GitHub-Repository geklont habe. Ich habe versucht, es mit dem folgenden Befehl auszuführen npm start Ich erhalte diesen Fehler > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE …
5
Modul nicht gefunden: 'redux'
Ich habe mit create-react-appcli eine neue Reaktionsanwendung erstellt . Dann habe ich die 'react-redux'Bibliothek mit hinzugefügt npm install --save react-redux. In habe package.jsonich: "react-redux": "^4.4.5" Leider wird die App nicht kompiliert und beschwert sich bei: Error in ./~/react-redux/lib/utils/wrapActionCreators.js Module not found: 'redux' in C:\Users\Salman\Desktop\Courses\Internship\React\Youtube-Front-End\node_modules\react-redux\lib\utils @ ./~/react-redux/lib/utils/wrapActionCreators.js 6:13-29 Ich habe keine …
5
Wie teste ich Axios im Scherz?
Ich habe diese Aktion in Reaktion export function fetchPosts() { const request = axios.get(`${WORDPRESS_URL}`); return { type: FETCH_POSTS, payload: request } } Wie teste ich in diesem Fall Axios? Jest haben diesen Anwendungsfall auf der Website für asynchronen Code, wo sie eine Scheinfunktion verwenden, aber ich weiß nicht, ob ich …
7
React-Redux: Aktionen müssen einfache Objekte sein. Verwenden Sie benutzerdefinierte Middleware für asynchrone Aktionen
Nicht behandelte Ablehnung (Fehler): Aktionen müssen einfache Objekte sein. Verwenden Sie benutzerdefinierte Middleware für asynchrone Aktionen. Ich wollte mit jedem Beitrag Kommentare hinzufügen. Wenn Abrufbeiträge ausgeführt werden, möchte ich die Abrufkommentar-API für alle Beiträge aufrufen. export function bindComments(postId) { return API.fetchComments(postId).then(comments => { return { type: BIND_COMMENTS, comments, postId } …
4
Holen Sie sich die Versionsnummer von package.json in React Redux (create-react-app)
OP EDIT: Wenn jemand anderes darauf stößt: Die App wurde mit create-react-app erstellt , wodurch der Import in den src-Ordner beschränkt wird. Wenn Sie jedoch React-Scripts auf Version 1.0.11 aktualisieren , können Sie auf package.json zugreifen. Ich versuche, die Versionsnummer von package.json in meiner App abzurufen. Ich habe diese Vorschläge …
6
Vermeiden Sie mit mapDispatchToProps einen Eslint-Fehler ohne Schatten
Ich habe die folgende Komponente, die einen no-shadowESlint-Fehler auf dem auslöst FilterButton props. import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter })(FilterButton); Wie kann ich die Warnung vermeiden, während sowohl mapDispatchToPropsdie präzise Syntax als auch die …
10
Wie aktiviere ich das Hochladen von Dateien auf der einfachen Material-Benutzeroberfläche von React?
Ich erstelle ein einfaches Formular zum Hochladen einer Datei mit einem Elektronenreaktions-Boilerplate mit Redux-Formular und Material-Benutzeroberfläche. Das Problem ist, dass ich nicht weiß, wie man ein Eingabedateifeld erstellt, da die Material-Benutzeroberfläche die Eingabe von Upload-Dateien nicht unterstützt. Irgendwelche Ideen, wie dies erreicht werden kann?
7
Warum wird "Reducer […] während der Initialisierung undefiniert zurückgegeben", obwohl createStore () initialState bereitgestellt wird?
Ich hatte InitialState in meiner redux createStore-Methode festgelegt und InitialState als zweites Argument angegeben Ich habe eine Fehlermeldung im Browser erhalten: <code>Uncaught Error: Reducer "postsBySubreddit" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not …
1
Keine Überlastung entspricht diesem Aufruf. Überladung 1 von 2,
Ich habe store.jsDatei import { createStore, combineReducers } from "redux"; import reducerADD from "../reducer/reducerADD" export const store = createStore(combineReducers({ reducerADD})); Wenn ich das Format in ändere store.tsx , wird ein Fehler angezeigt: No overload matches this call. Overload 1 of 2, '(reducers: ReducersMapObject<{ reducerADD: { lastName: string; firstName: string; password: …
3
Reagieren Sie useEffect in der Tiefe / use of useEffect?
Ich versuche den useEffectHaken gründlich zu verstehen . Ich würde gerne wissen, wann und warum ich welche Methode anwenden soll. 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])
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.