{useState} HooK { Diterangkan Secara Ringkas};

useState ialah cangkuk React yang membolehkan anda menambah keadaan pada komponen anda dengan mengembalikan tatasusunan dengan dua pembolehubah: state, setState. Keadaan semasa dan fungsi yang menjadi fungsi penetap apabila ia dipanggil. Ia boleh digunakan untuk menjejak data atau sifat yang perlu dijejaki dalam aplikasi, seperti rentetan, nombor, boolean, tatasusunan atau objek.
Contoh:

const [state, setState] = useState();

Secara ringkasnya, keadaan akan berubah pada bila-bila masa dan ia perlu dikemas kini, oleh itu 'setState' akan mengemas kini keadaan, mencetuskan pemaparan semula komponen anda dari semasa ke semasa.

Selain itu, useState boleh menyimpan sebarang jenis nilai Javascript, termasuk objek. Sesuatu yang perlu SENTIASA diingat ialah anda tidak boleh menukar objek yang anda pegang dalam React nyatakan secara langsung. Mula-mula, anda perlu mencipta yang baharu atau mencipta salinan yang sedia ada dan kemudian setState kepada salinan baharu. Contohnya:

// 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));
};

Untuk menggunakan useState dalam komponen React, mula-mula anda perlu mengimportnya membentuk React dengan menulis kod berikut di bahagian atas halaman komponen dalam dua cara berbeza, kedua-duanya berfungsi dengan sempurna supaya anda boleh memilih racun anda.

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

atau anda boleh menulis dalam satu baris

import React, {useState} from 'react';

React Cangkuk useState boleh dipanggil di peringkat atas komponen atau dalam cangkuk tersuai tetapi bukan di dalam gelung atau keadaan.

const [initialState, setInitialState] = useState();

Kedudukan permulaan hanya digunakan semasa pemaparan awal dan akan diabaikan dalam pemaparan berikutnya.

Atas ialah kandungan terperinci {useState} HooK { Diterangkan Secara Ringkas};. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!