Nehmen wir an, ich habe einen Zustand, der von einem anderen Zustand abhängt (z. B. wenn sich A ändert, möchte ich, dass sich B ändert). Ist es angemessen, einen Hook zu erstellen, der A beobachtet und B innerhalb des useEffect-Hooks setzt? Werden die Effekte so kaskadiert, dass beim Klicken auf...
Wie schiebe ich ein Element in das useState-Array? React hook? Ist das eine alte Methode im Reaktionszustand? Oder etwas Neues? ZB setState Push Beispiel ?
Im Tutorial von react.js sehen wir diese Verwendung von doppelten geschweiften Klammern: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> Und dann im zweiten Tutorial "Denken in Reaktion" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; In der...
Ich versuche zum ersten Mal, React-Hooks zu verwenden, und alles schien gut zu sein, bis mir klar wurde, dass meine Komponente (eine Datentabelle) beim Abrufen von Daten und Aktualisieren von zwei verschiedenen Statusvariablen (Daten- und Ladeflag) zweimal gerendert wird, obwohl beide Aufrufe...
Ich verwende die Create React App, um meine App zu booten. Ich habe zwei .envDateien hinzugefügt .env.developmentund .env.productionim Stammverzeichnis. Meine .env.developmentbeinhaltet: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback Wenn ich meine App mit...
Wir verwenden das Backbone + ReactJS-Bundle, um eine clientseitige App zu erstellen. valueLinkWir verlassen uns stark auf berüchtigte Daten und geben sie über einen eigenen Wrapper, der die ReactJS-Schnittstelle für die bidirektionale Bindung unterstützt, direkt an das Modell weiter. Jetzt standen...
Ich versuche mein erstes Stück React.js und bin schon früh ratlos ... Ich habe den folgenden Code, in den ein Suchformular gerendert wird <div id="search"></div>. Das Eingeben in das Suchfeld bewirkt jedoch nichts. Vermutlich fehlt etwas, wenn man die Requisiten passiert und auf und ab...
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 versuche, eine Site in ReactJS zu erstellen. Als ich jedoch versuchte, mein JS in eine separate Datei zu stellen, wurde der folgende Fehler angezeigt: "Nicht erfasster Syntaxfehler: Unerwartetes Token <". Ich habe versucht /** @jsx React.DOM */, oben in die JS-Datei einzufügen, aber es wurde...
Bei der Installation von 'react-native init AwesomeProject' wird folgende Fehlermeldung angezeigtreact-native run-android : Could not determine java version from '11.0.1'. Ein kurzer Blick auf Google schlägt vor, dass ich das distributionUrlim Gradle-Wrapper aktualisieren muss . Nachdem ich dies...
Ich versuche, React.forwardRef zu verwenden, stolpere aber darüber, wie es in einer klassenbasierten Komponente (nicht HOC) funktioniert. In den Dokumentbeispielen werden Elemente und Funktionskomponenten verwendet, und es werden sogar Klassen in Funktionen für Komponenten höherer Ordnung...
Ich arbeite mit reactjs und kann diesen Fehler beim Versuch, JSON-Daten (entweder von einer Datei oder vom Server) anzuzeigen, nicht verhindern: Uncaught TypeError: this.props.data.map is not a function Ich habe angeschaut: Reagieren Sie mit dem Code "TypeError: this.props.data.map ist keine...
Ich bin ein bisschen verwirrt in Bezug auf diese Konzepte. Wenn ich dieselbe ToDo-App vollständig in AngularJS und ReactJS erstelle, warum verwendet React ToDo eine Einweg-Datenbindung im Vergleich zur Zweiweg-Datenbindung des AngularJS? Ich verstehe, dass React so funktioniert Rendern (Daten)...
Ich habe nachgedacht und bin verwirrt mit dem Routing zwischen Client und Server. Angenommen, ich verwende ReactJS für das serverseitige Rendern, bevor ich die Anforderung an den Webbrowser zurücksende, und verwende den React-Router als clientseitiges Routing, um zwischen Seiten zu wechseln, ohne...
Meine reagierende WebApp gibt diesen Fehler in der Browserkonsole aus Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used...
Ich versuche, eine nette ApiWrapper-Komponente zu erstellen, um Daten in verschiedenen untergeordneten Komponenten zu füllen. Nach allem, was ich gelesen habe, sollte dies funktionieren: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) {...
Ich habe dies im React-Tutorial gelesen. Was bedeutet das? Reaktion ist sicher. Wir generieren keine HTML-Zeichenfolgen, daher ist der XSS-Schutz die Standardeinstellung. Wie funktionieren XSS-Angriffe, wenn React sicher ist? Wie wird diese Sicherheit
Ich habe Dutzende von ReactDateien geschrieben, benutze nie die componentDidUpdateMethode. Gibt es ein typisches Beispiel dafür, wann diese Methode angewendet werden muss? Ich möchte ein Beispiel aus der Praxis, keine einfache Demo. Danke für die
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...