Cara menghantar maklumat daripada elemen kanak-kanak kembali kepada induknya

Dalam contoh ini, anda akan mencipta gabungan elemen ibu bapa dan anak yang mudah yang menghantar semula beberapa data ringkas daripada elemen anak melalui parameter fungsi.

• Buat elemen anak mudah dahulu dengan elemen input dengan sifat onChange untuk mengemas kini pembolehubah keadaan setempat kepada nilai semasanya.

• Ini ialah elemen barebones dan perlu mempunyai kefungsian untuk meneruskan semula kepada elemen induknya. Di bawah penambahan kami pada elemen termasuk menambah butang baharu pada "Hantar Data" kepada induknya dengan onClick menunjuk ke fungsi setempat yang memanggil fungsi yang kini dihantar ke elemen anak ini.

• Langkah seterusnya ialah membuat elemen induk yang menggunakan pembolehubah keadaan mudah untuk menyimpan data yang dikembalikan dan fungsi setempat yang dipanggil daripada anak. Data yang dikembalikan daripada fungsi kanak-kanak itu dihantar ke atas kepada 'pengendali'nya - handleDataFromChild() dan kemudian ditetapkan dalam pembolehubah keadaan setempat kami. Data ini kini boleh diakses di seluruh elemen induk ini.

Terima kasih banyak kerana meluangkan masa untuk membaca, dan jangan lupa untuk mengikuti perjalanan pembelajaran saya di sini di dev.to, dan mengulas apa-apa perkara baharu yang perlu saya cari dengan dunia React!

Atas ialah kandungan terperinci Cara menghantar maklumat daripada elemen kanak-kanak kembali kepada induknya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!