React js Kitaran hayat

Gunung
Kemas kini
nyahlekap

Komponen fungsi

Gunung:
useEffect(() => {...}, []): Cangkuk useEffect dengan tatasusunan kebergantungan kosong berjalan hanya sekali selepas pemaparan awal, serupa dengan componentDidMount.

Kemas kini:
useEffect(() => {...}, [dependencies]): Apabila anda menghantar dependencies kepada useEffect, ia akan dijalankan apabila salah satu dependencies (keadaan atau props) berubah, serupa dengan componentDidUpdate.
useState(): Cangkuk ini mengemas kini keadaan, mencetuskan pemaparan semula.
useMemo() dan useCallback(): Cangkuk ini membantu dalam mengoptimumkan prestasi semasa kemas kini dengan menghafal nilai dan fungsi.

Nyahlekap:
useEffect(() => {... return () => {...}}): Anda boleh mengembalikan fungsi pembersihan daripada useEffect untuk dijalankan apabila komponen dinyahlekap, serupa dengan componentWillUnmount.

Komponen kelas

Gunung:
pembina()
Memulakan komponen, menyediakan keadaan dan mengikat kaedah.

getDrivedStateFromProps()
Menyegerakkan keadaan dengan prop sebelum membuat persembahan. Tidak kerap digunakan.

render()
Menerangkan perkara yang hendak dipaparkan (UI) dan mengembalikan JSX.

componentDidMount()
Dipanggil selepas komponen dipasang (berguna untuk mengambil data, menetapkan
sehingga langganan).

Kemas kini:
getDrivedStateFromProps()
Menyegerakkan keadaan dengan prop sebelum memaparkan (juga dipanggil semasa kemas kini).

sepatutnyaComponentUpdate()
Tentukan sama ada pemaparan semula diperlukan (digunakan untuk pengoptimuman prestasi)

render()
Memaparkan semula komponen apabila keadaan atau prop berubah.

getSnapshotBeforeUpdate()
Menangkap maklumat (seperti kedudukan tatal) sebelum DOM berubah

componentDidUpdate()
Dipanggil selepas komponen telah dipaparkan semula (berguna untuk berinteraksi dengan
DOM atau permintaan rangkaian).

Nyahlekap:
komponenWillUnmount()
Dipanggil sebelum komponen dialih keluar daripada DOM (digunakan untuk pembersihan,
seperti mengalih keluar langganan)

Pengendalian Ralat
komponenDidCatch()
Menangkap ralat dalam komponen kanak-kanak dan membenarkan pengendalian ralat (React
16).

Atas ialah kandungan terperinci React js Kitaran hayat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!