Rumah > Artikel > hujung hadapan web > Perkara yang berlaku selepas bertindak balas memanggil setstate
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.
Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.
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 keduaApakah 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!