{useState} Hook { Kurz erklärt};

useState ist ein React Hook, mit dem Sie Ihren Komponenten einen Status hinzufügen können, indem Sie ein Array mit zwei Variablen zurückgeben: state, setState. Der aktuelle Status und die Funktion, die beim Aufruf zur Setter-Funktion wird. Es kann zum Verfolgen von Daten oder Eigenschaften verwendet werden, die in einer Anwendung verfolgt werden müssen, z. B. Zeichenfolgen, Zahlen, boolesche Werte, Arrays oder Objekte.
Beispiel:

const [state, setState] = useState();

Einfach ausgedrückt ändert sich der Status irgendwann und muss aktualisiert werden. Daher aktualisiert „setState“ den Status und löst im Laufe der Zeit ein erneutes Rendern Ihrer Komponenten aus.

Darüber hinaus kann useState jede Art von Javascript-Wert enthalten, einschließlich Objekten. Denken Sie IMMER daran, dass Sie Objekte, die Sie im Reagieren-Zustand halten, niemals direkt ändern sollten. Zuerst müssen Sie ein neues erstellen oder eine Kopie eines vorhandenen erstellen und dann State auf die neue Kopie setzen. Zum Beispiel:

// Objects
const [state, setState] = useState({name: 'Marlo', age: 56});

const updateName = () => {
  setState({...state, name: 'Karlo'});
};

const updateAge = () => {
  setState({...state, age: 96});
};
---------------------------------------------------------------------------------
// Arrays
const [array, setArray] = useState([1, 2, 3, 4, 5]);

const addItem = () => {
  setArray([...array, 6]);
};

const removeItem = () => {
  setArray(array.slice(0, array.length - 1));
};

Um useState in einer React-Komponente zu verwenden, müssen Sie es zunächst aus React importieren, indem Sie den folgenden Code oben auf der Seite der Komponente auf zwei verschiedene Arten schreiben. Beide funktionieren perfekt, damit Sie Ihr Gift auswählen können.

import React from 'react'; 
import {useState} from 'react';

Oder Sie können in einer Zeile schreiben

import React, {useState} from 'react';

Reagieren Der Hook useState kann auf der obersten Ebene einer Komponente oder innerhalb benutzerdefinierter Hooks aufgerufen werden, jedoch nicht innerhalb von Schleifen oder Bedingungen.

const [initialState, setInitialState] = useState();

Der InitialState wird nur während des ersten Renderings verwendet und wird bei nachfolgenden Renderings ignoriert.

Das obige ist der detaillierte Inhalt von{useState} Hook { Kurz erklärt};. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!