Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

7
Was ist der Zweck von doppelten geschweiften Klammern in der JSX-Syntax von React?
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 React JSX-Dokumentation werden jedoch keine doppelten geschweiften Klammern beschrieben oder erwähnt. Wofür ist diese …
8
Mehrere Aufrufe des Statusaktualisierers von useState in der Komponente führen zu mehreren erneuten Rendern
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 vorliegen zum State Updater geschehen in der gleichen …
10
Reagieren Sie eine App, die keine .env-Dateien aufnimmt?
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 react-scripts startund tröste, process.envspuckt sie aus { NODE_ENV: "development", PUBLIC_URL: "" } Ich habe verschiedene Dinge ausprobiert, aber es werden einfach nicht …
7
Task 'Wrapper' kann nicht hinzugefügt werden, da eine Task mit diesem Namen bereits vorhanden ist
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 getan habe, stehe ich vor einem neuen Fehler: Cannot add task 'wrapper' …
5
Wie verwende ich React.forwardRef in einer klassenbasierten Komponente?
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 eingeschlossen. Also, beginnend mit so etwas wie dies in ihrer ref.jsDatei: const TextInput = …
4
Empfangen von "Versuchter Importfehler:" in der Reaktions-App
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 userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); und so importiere ich es in App.js: …
110 reactjs  redux 
3
Kann jemand den Unterschied zwischen der Einweg-Datenbindung von Reacts und der Zweiweg-Datenbindung von Angular erklären?
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) ---> Benutzeroberfläche. Wie unterscheidet sich das von Angular?
6
Wann wird die React-Methode "componentDidUpdate" verwendet?
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 Antwort!
108 reactjs 
19
Das Laden der Schriftart 'data: font / woff…' wurde abgelehnt. Dies verstößt gegen die folgende Richtlinie zur Inhaltssicherheitsrichtlinie: "default-src 'self'". Beachten Sie, dass 'font-src'
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 as a fallback. Ebenfalls: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates …
2
Reagieren Sie darauf, dass die untergeordnete Komponente nach der Änderung des übergeordneten Status nicht aktualisiert wird
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) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) …
108 reactjs 
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.