Lifting State Up

Jika dua komponen anak perlu berbagi state yang sama, pindahkan (lift) state tersebut ke komponen induk terdekat yang membawahi keduanya.

👀 Contoh dulu

// State dikelola di ParentComponent, dioper ke ChildA dan ChildB via props

Hasilnya: Data tersinkronisasi antar komponen anak.

💡 Single source of truth berada pada komponen induk.

📝 Sekarang giliranmu

Buat komponen ParentComponent yang mengembalikan elemen <div> berisi <ChildA /> dan <ChildB />.

Preview