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
Verfolgen Sie, warum eine React-Komponente neu gerendert wird
Gibt es einen systematischen Ansatz zum Debuggen, was dazu führt, dass eine Komponente in React neu gerendert wird? Ich habe ein einfaches console.log () eingefügt, um zu sehen, wie oft es gerendert wird, aber ich habe Probleme herauszufinden, warum die Komponente in meinem Fall mehrmals, dh (viermal) gerendert wird. Gibt …
154 reactjs  redux 
4
Die Eigenschaft 'value' ist für den Typ 'Readonly <{}>' nicht vorhanden.
Ich muss ein Formular erstellen, das etwas basierend auf dem Rückgabewert einer API anzeigt. Ich arbeite mit folgendem Code: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' …
9
Reaktion: "dies" ist innerhalb einer Komponentenfunktion undefiniert
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( &lt;div className="player-controls"&gt; &lt;FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /&gt; &lt;FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /&gt; &lt;/div&gt; ); } onToggleLoop(event) { // "this …
152 javascript  reactjs  this 
21
JSX kann nur verwendet werden, wenn das Flag '--jsx' angegeben ist
Ich habe mich ein bisschen nach einer Lösung für dieses Problem umgesehen. Alle schlagen vor "jsx": "react", Ihrer tsconfig.json-Datei etwas hinzuzufügen. Was ich getan habe. Ein anderer war hinzuzufügen "include: []", was ich auch getan habe. Ich erhalte jedoch immer noch den Fehler, wenn ich versuche, .tsxDateien zu bearbeiten . …
152 reactjs  typescript  jsx  tsx 
4
Was macht "Standard exportieren" in JSX?
Ich möchte fragen, was der letzte Satz bedeutet und tut (Standard-HelloWorld exportieren;), aber ich kann keine Tutorials dazu finden. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return &lt;p&gt;Hello, world!&lt;/p&gt;; } } export default HelloWorld;
7
Standardeigenschaftswert in der React-Komponente mit TypeScript
Ich kann mit Typescript nicht herausfinden, wie Standardeigenschaftswerte für meine Komponenten festgelegt werden. Dies ist der Quellcode: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component&lt;PageProps, PageState&gt; { public render(): JSX.Element { return ( &lt;span&gt;Hello, world&lt;/span&gt; ); } } Und wenn …
150 reactjs  typescript  tsx 
14
Verbindung zum Remote-Debugger nicht möglich
Ich verwende React.JS und wenn ich dies tue react-native run-android(mit angeschlossenem Gerät), wird eine leere Seite angezeigt. Wenn ich das Gerät schüttle und Debug JS Remotelyaus der Optionsliste auswähle, wird der folgende Bildschirm angezeigt. Zu Ihrer Information: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": …
16
Die Create-React-App importiert Einschränkungen außerhalb des src-Verzeichnisses
Ich benutze die Create-React-App. Ich versuche, ein Bild aus meinem öffentlichen Ordner aus einer Datei in meinem Ordner aufzurufen src/components. Ich erhalte diese Fehlermeldung. ./src/components/website_index.js Modul nicht gefunden: Sie haben versucht, ../../public/images/logo/WC-BlackonWhite.jpg zu importieren, das außerhalb des Projektverzeichnisses src / liegt. Relative Importe außerhalb von src / werden nicht unterstützt. …
9
Wie vergleiche ich alte und neue Werte auf React Hooks useEffect?
Angenommen, ich habe drei Eingaben: rate, sendAmount und receiveAmount. Ich habe diese 3 Eingänge auf useEffect diffing params gesetzt. Die Regeln sind: Wenn sendAmount geändert wurde, berechne ich receiveAmount = sendAmount * rate Wenn receiveAmount geändert wurde, berechne ich sendAmount = receiveAmount / rate Wenn sich die Rate ändert, berechne …
10
So weisen Sie den Webpack-Entwicklungsserver an, index.html für jede Route bereitzustellen
Mit dem React-Router können React-Apps verarbeitet werden /arbitrary/route. Damit dies funktioniert, muss mein Server die React-App auf einer beliebigen Route senden. Der Webpack-Entwicklungsserver verarbeitet jedoch keine beliebigen Endpunkte. Hier gibt es eine Lösung mit einem zusätzlichen Express-Server. So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu Ich möchte jedoch keinen …
5
ReactJS-Komponentennamen müssen mit Großbuchstaben beginnen?
Ich spiele mit dem ReactJS-Framework auf JSBin herum . Ich habe festgestellt, dass mein Komponentenname, der mit einem Kleinbuchstaben beginnt, nicht funktioniert. Zum Beispiel wird Folgendes nicht gerendert: var fml = React.createClass({ render: function () { return &lt;a href='google.com'&gt;Go&lt;/a&gt; } }); React.render(&lt;fml /&gt;, document.body); Aber sobald ich ersetzen die fmlmit …
17
Reagieren - Ladebildschirm anzeigen, während DOM gerendert wird?
Dies ist ein Beispiel von der Google Adsense-Anwendungsseite. Der Ladebildschirm, der vor der Hauptseite angezeigt wird, wird nach angezeigt. Ich weiß nicht, wie ich mit React dasselbe machen soll, denn wenn ich einen von der React-Komponente gerenderten Ladebildschirm erstelle, wird dieser beim Laden der Seite nicht angezeigt, da zuvor auf …
28
React Hook "useState" wird in der Funktion "app" aufgerufen, die weder eine React-Funktionskomponente noch eine benutzerdefinierte React Hook-Funktion ist
Ich versuche, React Hooks für ein einfaches Problem zu verwenden const [personState,setPersonState] = useState({ DefinedObject }); mit folgenden Abhängigkeiten. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } aber ich erhalte immer noch den folgenden Fehler: ./src/App.js Zeile 7: React Hook "useState" wird in der Funktion "app" aufgerufen, die weder …
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.