Bagaimana untuk Mengeluarkan Item dari Keadaan Reaksi Tanpa Meninggalkan Jurang?

Mengalih keluar Item daripada Keadaan React

Soalan berkenaan dengan mengalih keluar item, seperti "Bob," daripada tatasusunan dalam keadaan React. Cabaran timbul daripada keharusan untuk mengekalkan integriti tatasusunan tanpa meninggalkan sebarang kekosongan.

Sebelum ini, percubaan untuk memadam Bob secara manual menggunakan mutasi padam gagal. Sebaliknya, penyelesaian yang mematuhi prinsip React disyorkan.

Manipulasi Tatasusunan Tak Berubah

React melarang manipulasi langsung nilai keadaan. Untuk menukar tatasusunan dalam keadaan, salinan baharu mesti dibuat.

Array.prototype.filter()

Pendekatan paling mudah ialah memanfaatkan Array.prototype. filter() untuk membina tatasusunan baharu yang meninggalkan item yang hendak dialih keluar. Contohnya:

removePeople(e) {
  this.setState({people: this.state.people.filter(function(person) {
    return person !== e.target.value;
  })});
}

Kod ini menghasilkan tatasusunan baharu dengan mengulangi setiap elemen dalam this.state.people. Jika nama itu tidak sama dengan item yang hendak dialih keluar (cth., "Bob"), ia dikekalkan dalam tatasusunan baharu.

Kesimpulan

Menggunakan penapis() memastikan keadaan tidak berubah dan mengekalkan integriti tatasusunan, menghapuskan sebarang slot kosong yang tertinggal akibat pemadaman.

Atas ialah kandungan terperinci Bagaimana untuk Mengeluarkan Item dari Keadaan Reaksi Tanpa Meninggalkan Jurang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!