Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Memanggil Kaedah Anak daripada Komponen Induk dalam React?
Dalam React, tidak semestinya perlu memanggil kaedah anak secara terus. Walau bagaimanapun, terdapat keadaan yang mungkin diperlukan, seperti apabila komponen kanak-kanak mendedahkan kaedah penting. Artikel ini menunjukkan cara untuk mencapai ini menggunakan rujukan, untuk komponen berasaskan kelas dan berfungsi.
Untuk memanggil kaedah anak daripada komponen berasaskan kelas induk menggunakan rujukan, ikut langkah berikut:
const childRef = React.createRef();
<Child ref={childRef} />
childRef.current.getAlert();
Dengan pengenalan React Hooks, anda kini boleh menggunakan rujukan dalam komponen berfungsi juga. Begini cara untuk memanggil kaedah anak daripada komponen berfungsi induk menggunakan rujukan:
const childRef = useRef();
const Child = forwardRef((props, ref) => { // ... });
useImperativeHandle(ref, () => ({ getAlert() { alert('clicked'); } }));
childRef.current.getAlert();
Nota: Adalah penting untuk ambil perhatian bahawa menggunakan rujukan untuk memanggil kaedah kanak-kanak secara amnya tidak digalakkan dalam Bertindak balas. Lebih baik berlatih untuk menurunkan data dan acara melalui prop dan keadaan.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Kaedah Anak daripada Komponen Induk dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!