Bagaimana untuk Mengeluarkan Item dengan Selamat dari Array dalam Keadaan React?

Mengubah suai Senarai Item dalam React: Mengalih Keluar Elemen

Dalam React, keadaan pengurusan adalah penting untuk memanipulasi data apl. Pertimbangkan senario di mana anda mempunyai tatasusunan yang dipanggil "orang" di negeri anda dan anda perlu mengalih keluar item (mis., "Bob") daripadanya. Walau bagaimanapun, hanya memadamkan item secara terus mungkin tidak menghasilkan hasil yang diingini.

Dalam keadaan ini, adalah penting untuk mengelakkan objek keadaan bermutasi secara langsung (termasuk tatasusunan). Untuk mengubah suai tatasusunan "orang" dengan cekap, cipta salinan baharunya dengan perubahan yang diingini.

Satu pendekatan ialah menggunakan kaedah Array.prototype.filter():

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

Kaedah ini mencipta tatasusunan baharu yang mengandungi semua elemen yang tidak sepadan dengan syarat yang disediakan (iaitu, "Bob"). Tatasusunan "orang" asal kekal utuh dan tatasusunan baharu diperuntukkan kepada keadaan, memastikan aplikasi anda bertindak balas kepada keadaan dikemas kini dengan betul.

Atas ialah kandungan terperinci Bagaimana untuk Mengeluarkan Item dengan Selamat dari Array dalam Keadaan React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!