Rumah  >  Artikel  >  hujung hadapan web  >  Perkara yang berlaku selepas bertindak balas memanggil setstate

Perkara yang berlaku selepas bertindak balas memanggil setstate

WBOY
WBOYasal
2022-04-27 15:00:043390semak imbas

Apa yang berlaku selepas react calls setstate: 1. Gabungkan objek parameter masuk dengan keadaan semasa komponen, mencetuskan proses penyelarasan; 2. Bina pepohon elemen React berdasarkan keadaan baharu dan render semula keseluruhan antara muka UI; 3. , selepas mendapat pepohon elemen, React akan mengira perbezaan nod antara pepohon baharu dan pepohon lama, dan kemudian meminimumkan dan membuat semula.

Perkara yang berlaku selepas bertindak balas memanggil setstate

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apa yang berlaku selepas bertindak balas dipanggil setstate

React mereka bentuk kaedah setState untuk memaparkan semula halaman

Dua cara untuk menulis setState() untuk mengemas kini keadaansetState(stateChange , [callback]), stateChange ialah objek, panggil balik ialah fungsi panggil balik pilihan, yang dilaksanakan selepas status dikemas kini dan antara muka dikemas kini

Ringkasan: Kaedah objek ialah singkatan untuk kaedah fungsi jika keadaan baharu tidak bergantung pada Keadaan asal ===> Gunakan kaedah objek jika keadaan baharu bergantung kepada keadaan asal ===> selepas setState(), baca dalam fungsi panggil balik kedua

Apakah yang berlaku selepas memanggil setState?

Selepas memanggil fungsi setState dalam kod, React akan menggabungkan objek parameter yang dilalui dengan keadaan semasa komponen, dan kemudian mencetuskan proses perdamaian yang dipanggil (Rekonsiliasi).

Selepas proses penyelarasan, React akan membina pepohon elemen React berdasarkan keadaan baharu dengan cara yang agak cekap dan meneruskan untuk memaparkan semula keseluruhan antara muka UI.

Selepas React mendapat pepohon elemen, React akan mengira secara automatik perbezaan nod antara pepohon baharu dan pepohon lama, kemudian meminimumkan dan memaparkan semula antara muka berdasarkan perbezaan.

Dalam algoritma pengiraan perbezaan, React secara relatifnya boleh mengetahui kedudukan mana yang telah berubah dan cara ia harus ditukar, yang memastikan kemas kini atas permintaan dan bukannya pemaparan semula penuh.

Pembelajaran yang disyorkan: "

tutorial video bertindak balas

"

Atas ialah kandungan terperinci Perkara yang berlaku selepas bertindak balas memanggil setstate. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn