Top eact Hooks

Apakah cangkuk React?
Cangkuk memberikan komponen berfungsi keupayaan untuk mengurus keadaan & kesan sampingan. Ia pertama kali diperkenalkan dalam React v16.8 dan cangkuk yang berbeza telah ditambah sejak itu. Hari ini kita akan bercakap tentang 3 cangkuk teratas SAYA yang paling saya gunakan.

**

1. Kait useState ** Ia membolehkan anda menambah pembolehubah keadaan di dalam komponen.

const [umur, setAge] = useState(18)

Di atas ialah contoh mudah bagaimana cangkuk ini ditakrifkan.
Cangkuk useState mengambil paramter (18) sebagai keadaan awal untuk pembolehubah yang ditentukan (umur) dan memberikan kami tatasusunan dua nilai:

1. (umur) yang mengembalikan keadaan semasa
2. (setAge) iaitu fungsi setter yang membolehkan anda mengemas kini keadaan.

Berikut ialah cara fungsi setter berfungsi:

fungsi incrementAge(){
setAge(a => a + 1)
}

Setiap kali fungsi ini dipanggil, fungsi setter akan mengemas kini keadaan berdasarkan keadaan terakhir.

2. Cangkuk useEffect
Ia membolehkan anda menyegerakkan komponen anda dengan sistem luaran seperti DOM, rangkaian... .

useEffect(() => {
const connection = createConnection(serverUrl, roomId);
connection.connect();
pulangan () => {
connection.disconnect();
};
}, [serverUrl, roomId]);

Cakuk useEffect mengambil 2 parameter, fungsi dan tatasusunan kebergantungan. Fungsi ini hanya akan dilaksanakan apabila pembolehubah dalam tatasusunan kebergantungan, yang datang selepas fungsi, menukar nilai atau keadaannya. Jika tatasusunan kebergantungan kosong, fungsi akan dijalankan setiap kali komponen dipaparkan.

Ini hanyalah dua daripada banyak cangkuk lain dalam React, ia adalah yang paling biasa dan paling berguna dalam situasi yang berbeza.

Atas ialah kandungan terperinci Top eact Hooks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!