Als «react-hooks» getaggte Fragen

Hooks ist eine neue Funktion, mit der Entwickler Status und andere React-Funktionen verwenden können, ohne eine Klasse zu schreiben.

6
So rufen Sie die Ladefunktion mit React useEffect nur einmal auf
Der Hook useEffect React führt bei jeder Änderung die übergebene Funktion aus. Dies kann so optimiert werden, dass es nur aufgerufen wird, wenn sich die gewünschten Eigenschaften ändern. Was ist, wenn ich eine Initialisierungsfunktion von componentDidMountaufrufen und bei Änderungen nicht erneut aufrufen möchte ? Angenommen, ich möchte eine Entität laden, …
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?
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, …
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 …
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 …
9
Was ist useState () in React?
Ich lerne gerade das Hooks-Konzept in React und versuche, das folgende Beispiel zu verstehen. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + …
7
Hook-Warnungen für asynchrone Funktion in useEffect reagieren: Die useEffect-Funktion muss eine Bereinigungsfunktion oder nichts zurückgeben
Ich habe das useEffect-Beispiel wie folgt ausprobiert: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet und ich bekomme diese Warnung in meiner …
13
Endlosschleife in useEffect
Ich habe mit dem neuen Hook-System in React 16.7-alpha herumgespielt und stecke in useEffect in einer Endlosschleife fest, wenn der Status, den ich verarbeite, ein Objekt oder Array ist. Zuerst benutze ich useState und initiiere es mit einem leeren Objekt wie folgt: const [obj, setObj] = useState({}); Dann benutze ich …
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 …
16
Wie kann ich das erneute Rendern von Komponenten mit Hooks in React erzwingen?
Betrachtet man unten das Hakenbeispiel import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } Grundsätzlich verwenden wir die Methode this.forceUpdate (), um zu erzwingen, dass die …
9
Reagiere auf Hooks useState () mit Object
Was ist die richtige Methode zum Aktualisieren des Status, ist ein verschachteltes Objekt in Reagieren mit Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Wie würde man verwenden , setExampleStateum Updates exampleStatezu a(ein …
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.