Lassen Sie mich das Ergebnis dieses Codes erklären, damit ich mein Problem leicht stellen kann. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username...
Ich migriere ein React with TypeScript-Projekt, um Hooks-Funktionen (React v16.7.0-alpha) zu verwenden, kann jedoch nicht herausfinden, wie die Typisierungen der zerstörten Elemente festgelegt werden. Hier ist ein Beispiel: interface IUser { name: string; } ... const [user, setUser] =...
Ich erhalte diesen Fehler, wenn ich den useStateHaken benutze . Ich habe dies in seiner Grundform und schaue in den Reaktionsdokumenten nach einer Referenz, erhalte aber immer noch diesen Fehler. Ich bin bereit für den Moment mit der Gesichtspalme ... export function Header() { const [count,...
Ich verfolge einen Udemy-Kurs zum Registrieren von Ereignissen mit Hooks. Der Kursleiter gab den folgenden Code an: const [userText, setUserText] = useState(''); const handleUserKeyPress = event => { const { key, keyCode } = event; if (keyCode === 32 || (keyCode >= 65 && keyCode...
Soweit ich verstanden habe, kann ich refs für ein einzelnes Element wie dieses verwenden: const { useRef, useState, useEffect } = React; const App = () => { const elRef = useRef(); const [elWidth, setElWidth] = useState(); useEffect(() => { setElWidth(elRef.current.offsetWidth);...
Ich versuche, den Status mithilfe von React hook setState () mithilfe der Requisiten festzulegen, die die Komponente erhält. Ich habe versucht, den folgenden Code zu verwenden: import React,{useState , useEffect} from 'react'; const Persons = (props) => { // console.log(props.name); const...
Die Standardmethode für die Verwendung eines React useState-Hooks ist die folgende: const [count, setCount] = useState(0); Diese const countVariable wird jedoch eindeutig einem anderen primitiven Wert zugewiesen. Warum ist die Variable dann nicht definiert als let
Hier ist das Problem: Ich versuche, 2 Funktionen auf Knopfdruck aufzurufen. Beide Funktionen aktualisieren den Status (ich verwende den useState-Hook). Die erste Funktion aktualisiert den Wert1 korrekt auf 'neue 1', aber nach 1s (setTimeout) wird die zweite Funktion ausgelöst und der Wert 2 in...
Ich versuche herauszufinden, wie ein Firebase-Listener verwendet wird, damit Cloud-Firestore-Daten mit React Hooks-Updates aktualisiert werden. Anfangs habe ich dies mit einer Klassenkomponente mit einer componentDidMount-Funktion gemacht, um die Firestore-Daten
Ich verwende den neuen useHistory-Hook von React Router, der vor einigen Wochen herauskam. Meine React-Router-Version ist 5.1.2. Meine Reaktion ist in Version 16.10.1. Sie finden meinen Code unten. Wenn ich jedoch die neue useHistory vom React-Router importiere, wird folgende Fehlermeldung...
React Hooks geben uns die useState-Option, und ich sehe immer Vergleiche zwischen Hooks und Class-State. Aber was ist mit Hooks und einigen regulären Variablen? Zum Beispiel, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Ich habe keine Hooks verwendet und es werden die...
Ich mache einen benutzerdefinierten Hook, der ein Google hat, wenn sich ein Status ändert. Sie sollten in der Lage sein, einen beliebigen Status in einem Array zu übergeben. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle,...
Ich möchte, dass der Benutzer eine Liste von Aufgabenelementen sortieren kann. Wenn der Benutzer ein Element aus einem Dropdown-Menü auswählt, wird festgelegt, sortKeywelches eine neue Version von erstellt setSortedTodos, und der useEffectAufruf wird wiederum ausgelöst setSortedTodos. Das folgende...
In der Entwicklungsumgebung funktioniert meine App einwandfrei. In der Produktionsumgebung stürzt es mit dem Fehler ab: Uncaught TypeError: (0 , _react.useEffect) is not a function Dies geschieht in einer von mir erstellten Datei, in die ich React importiere und Effect wie folgt verwende: import...