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.

5
Was ist der Unterschied zwischen "useRef" und "createRef"?
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 inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button …
5
React.useState lädt den Status von Requisiten nicht neu
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 user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } Codepen
5
Make React useEffect-Hook wird beim ersten Rendern nicht ausgeführt
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 ausgeführt, sogar beim ersten Mal. Wie kann ich erreichen, dass es beim ersten Rendern nicht …
5
Hooks reagieren useEffect () bereinigen nur für componentWillUnmount?
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 }); return () => { console.log('cleaned up'); console.log({ name, username }); }; …
4
Legen Sie Typen auf useState React Hook mit TypeScript fest
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] = useState({name: 'Jon'}); Ich möchte erzwingen, dass die userVariable vom Typ ist …
6
So synchronisieren Sie Requisiten mithilfe von React-Hooks zum Status: setState ()
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 [nameState , setNameState] = useState(props) console.log(nameState.name); console.log(props.name); return ( …
4
useState Hook Setter überschreibt den Status falsch
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 'neue 2' geändert, ABER! Der Wert1 …
3
Firebase-Listener mit React Hooks
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 abzurufen. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Das bricht …
3
Die Eigenschaft 'history' von undefined kann nicht gelesen werden (useHistory-Hook von React Router 5)
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 angezeigt: Uncaught TypeError: Cannot read property 'history' of undefined was …
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.