Mengapa Saya Mendapat "Pelanggaran Invarian: Objek Sebagai Kanak-Kanak Reaksi Tidak Sah"?

Pelanggaran Invarian: Objek sebagai Kanak-kanak Reaksi Tidak Sah

Ralat pelanggaran invarian dalam React boleh berlaku apabila percubaan dibuat untuk menjadikan objek sebagai anak React langsung. Dalam komponen yang diberikan, ralat timbul apabila pengendali onClick menghantar objek (objek acara) sebagai parameter.

React mengharapkan kanak-kanak sama ada nilai primitif (cth., rentetan, nombor), React elemen, atau tatasusunan nilai ini. Objek, tatasusunan objek atau struktur kompleks lain tidak diiktiraf sebagai kanak-kanak yang sah.

Untuk menyelesaikan ralat, pengendali peristiwa this.onItemClick.bind(this, item) hendaklah dibalut dengan fungsi anak panah untuk mengelakkan objek acara daripada diluluskan sebagai parameter. Pelaksanaan yang betul ialah:

{items.map((item) => (
  <li key={item} onClick={(e) => this.onItemClick(e, item)}>{item}</li>
))}

Sebab lain untuk ralat ini boleh jadi apabila objek secara tidak sengaja diberikan sebagai rentetan. Contohnya:

breadcrumbElement = { ...someObject ... };

{breadcrumbElement} // Renders as an object, not a string

Pastikan semua elemen anak sama ada rentetan, elemen atau tatasusunan nilai ini. Jika objek perlu diwakili, tukarkannya kepada rentetan atau bungkusnya dalam React.Fragment untuk mengelakkan ralat ini.

Atas ialah kandungan terperinci Mengapa Saya Mendapat "Pelanggaran Invarian: Objek Sebagai Kanak-Kanak Reaksi Tidak Sah"?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!