Als «react-hooks» getaggte Fragen

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...

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...

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...

Ich versuche Hooks zu lernen und die useStateMethode hat mich verwirrt. Ich weise einem Zustand in Form eines Arrays einen Anfangswert zu. Die eingestellte Methode in useStatefunktioniert bei mir nicht einmal mit spread(...)oder without spread operator. Ich habe eine API auf einem anderen PC...

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 =...

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...

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...

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); } }, []);...

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] =...

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 ?

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...

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 muss einige Nebenwirkungen anwenden und möchte wissen, wie ich sie organisieren kann: als Single UseEffect oder mehrere useEffects Was ist besser in Bezug auf Leistung und Architektur?

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>...

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...

Ich habe gerade die Hooks-Dokumentation durchgesehen, als ich darauf gestoßen bin useRef. Schauen Sie sich ihr Beispiel an… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element...

Gibt es Möglichkeiten, componentDidMountin React Funktionskomponenten über Hooks zu simulieren ?

Laut den Dokumenten: componentDidUpdate()wird sofort nach der Aktualisierung aufgerufen. Diese Methode wird beim ersten Rendern nicht aufgerufen. Wir können den neuen useEffect()Hook zum Simulieren verwenden componentDidUpdate(), aber es scheint, useEffect()als würde er nach jedem Rendern...

Ich erwarte, dass der Status beim Ändern der Requisiten neu geladen wird, aber dies funktioniert nicht und die userVariable wird beim nächsten useStateAufruf nicht aktualisiert . Was ist falsch? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return...

Ich probiere die neuen React Hooks aus und habe eine Clock-Komponente mit einem Zähler, der sich jede Sekunde erhöhen soll. Der Wert steigt jedoch nicht über eins an. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() =>...