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.

9
ReactJS: Die maximale Aktualisierungstiefe hat den Fehler überschritten
Ich versuche, den Status einer Komponente in ReactJS umzuschalten, erhalte jedoch die folgende Fehlermeldung: Maximale Aktualisierungstiefe überschritten. Dies kann passieren, wenn eine Komponente setState wiederholt in componentWillUpdate oder componentDidUpdate aufruft. React begrenzt die Anzahl verschachtelter Updates, um Endlosschleifen zu vermeiden. Ich sehe die Endlosschleife in meinem Code nicht. Kann mir …
3
Was genau ist der Befehl 'React-Scripts Start'?
Ich habe mit einem React-Projekt gearbeitet create-react-appund habe zwei Möglichkeiten, um das Projekt zu starten: Erster Weg: npm run startmit der Definition package.jsonwie folgt: "start": "react-scripts start", Zweiter Weg: und npm start Was ist der Unterschied zwischen diesen beiden Befehlen? Und was ist der Zweck des react-scripts start? Ich habe …
174 reactjs  npm 
13
Wie verwende ich componentWillMount () in React Hooks?
In den offiziellen Dokumenten von React wird erwähnt - Wenn Sie mit den Lebenszyklusmethoden der React-Klasse vertraut sind, können Sie sich useEffect Hook als die Komponenten componentDidMount, componentDidUpdate und componentWillUnmount vorstellen. Meine Frage ist - wie können wir die componentWillMount()Lifecyle-Methode in einem Hook verwenden?
9
Wo befindet sich die Webpack-Konfiguration und die Dateien für die Create-React-App?
Ich erstelle ein ReactJS-Projekt mit dem create-react-appPaket und das hat gut funktioniert, aber ich kann keine Webpack-Dateien und -Konfigurationen finden. Wie funktioniert die React-Create-App mit Webpack? Wo befinden sich die Webpack-Konfigurationsdateien in einer Standardinstallation mit create-react-app? Ich kann keine Konfigurationsdateien in den Ordnern meines Projekts finden. Ich habe keine Überschreibungskonfigurationsdatei …
12
Wie kann ich eine fehlende Abhängigkeitswarnung bei Verwendung von useEffect React Hook beheben?
Mit React 16.8.6 (es war in der vorherigen Version 16.8.3 gut) erhalte ich diesen Fehler, wenn ich versuche, eine Endlosschleife bei einer Abrufanforderung zu verhindern ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Ich konnte keine Lösung finden, …
3
React.js: Setze innerHTML gegen gefährlichSetInnerHTML
Gibt es einen Unterschied "hinter den Kulissen" zwischen dem Festlegen der innerHTML eines Elements und dem Festlegen der Eigenschaft gefährliche.SetInnerHTML für ein Element? Angenommen, ich desinfiziere die Dinge der Einfachheit halber ordnungsgemäß. Beispiel: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); …
171 javascript  html  reactjs 
4
Wie deaktiviere ich eine Schaltfläche, wenn eine Eingabe leer ist?
Ich bin neu bei React.js. Tut mir leid, wenn die Frage für Sie zu dumm klingt. Ich versuche, eine Schaltfläche zu deaktivieren, wenn ein Eingabefeld leer ist. Was ist der beste Ansatz in React dafür? Ich mache so etwas wie das Folgende: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Ist das …
168 reactjs 
8
ESLint-Analysefehler: Unerwartetes Token
Mit diesem Code: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Ich bekomme diesen Eslint-Fehler: 7:16 error Parsing error: Unexpected token .. Why? Hier ist meine eslint Konfiguration: …
3
Keine eingeschränkten Globals
Ich verwende React und Redux, um eine Webanwendung zu entwickeln, und als ich mein Projekt startete, bekam ich Folgendes: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Ich suche viel darüber, wie ich es lösen kann, aber keine der Antworten, die …
13
Wie setze ich das Standard-Kontrollkästchen ReactJS?
Ich habe Probleme beim Aktualisieren des Kontrollkästchenstatus, nachdem ihm checked="checked"in React der Standardwert zugewiesen wurde . var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Nach dem Zuweisen checked="checked"kann ich den Status des Kontrollkästchens nicht durch Klicken zum Deaktivieren / Aktivieren aktivieren.
168 reactjs  checkbox 
21
React-Native: Anwendung wurde nicht als Fehler registriert
Ich gehe gerade die React-Native-Tutorials durch. Ich begann mit dem Tutorial Erste Schritte, in dem ich ein neues natives Reaktionsprojekt erstellte und es erfolgreich schaffte, das Projekt auf meinem Gerät auszuführen. Ich habe dann das Requisiten-Tutorial gestartet , das Code-Snippet kopiert und versucht, das Projekt erneut auszuführen. Auf meinem Bildschirm …
12
Wie verweise ich in React auf ein lokales Bild?
Wie kann ich ein Bild aus dem lokalen Verzeichnis laden und in das reactjs img srcTag aufnehmen? Ich habe ein Bild one.jpegim selben Ordner wie meine Komponente und habe beide <img src="one.jpeg" />und <img src={"one.jpeg"} />innerhalb meiner renderFunktion ausprobiert, aber das Bild wird nicht angezeigt. Außerdem habe ich keinen Zugriff …
165 reactjs 
12
React / JSX Dynamic Component Name
Ich versuche, Komponenten basierend auf ihrem Typ dynamisch zu rendern. Beispielsweise: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Ich habe die hier vorgeschlagene Lösung ausprobiert. React / JSX-Namen dynamischer Komponenten Das gab mir einen Fehler beim …
5
Warum sind Fragmente in Reaktion 16 besser als Container-Divs?
In React 16.2 wurde eine verbesserte Unterstützung für Fragmentshinzugefügt. Weitere Informationen finden Sie in Reacts Blogbeitrag hier. Wir alle kennen den folgenden Code: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } Ja, wir brauchen …
164 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.