Bila hendak menggunakan `setState` Fungsian dalam React?

Bila Menggunakan SetState Fungsian

Fungsi setState React membenarkan komponen mengemas kini keadaan dalaman mereka, mencetuskan pemaparan semula komponen dan anak-anaknya. Walau bagaimanapun, terdapat dua cara yang berbeza untuk mengemas kini keadaan: kaedah objek dan kaedah berfungsi.

Kaedah Objek

this.setState({pictures: pics})

Kaedah ini mudah dan mudah dibaca. Walau bagaimanapun, ia mempunyai potensi masalah dengan kumpulan. React boleh mengumpulkan berbilang panggilan setState ke dalam satu kemas kini untuk prestasi yang lebih baik. Jika mana-mana panggilan setState menggunakan kekunci yang sama, nilai kekunci daripada panggilan terakhir akan digunakan.

Kaedah Fungsian

this.setState(prevState => ({
   pictures: prevState.pictures.concat(pics)
}))

Kaedah ini menggunakan fungsi untuk mengemas kini keadaan . Ia mengambil keadaan sebelumnya sebagai hujah dan mengembalikan keadaan baharu. Ini membolehkan anda mengakses keadaan sebelumnya apabila mengemas kini keadaan baharu, yang berguna apabila anda perlu bergantung pada keadaan semasa.

Kaedah berfungsi secara amnya lebih disukai berbanding kaedah objek kerana ia menghapuskan isu dengan batching . Ia memastikan bahawa keadaan dikemas kini dengan betul walaupun beberapa panggilan setState dibuat dalam kitaran pemaparan yang sama.

Kesimpulan

Apabila berurusan dengan kemas kini keadaan, biasanya disyorkan untuk menggunakan kaedah fungsian setState. Ini memastikan negeri dikemas kini dengan betul dan mengelakkan potensi masalah dengan kumpulan.

Atas ialah kandungan terperinci Bila hendak menggunakan `setState` Fungsian dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!