Tipe untuk Event Handler & DOM

Elemen DOM dan event React memiliki tipe spesifik seperti React.ChangeEvent<HTMLInputElement> atau MouseEvent.

👀 Contoh dulu

function handleChange(e: React.ChangeEvent<HTMLInputElement>) {
  console.log(e.target.value);
}

Hasilnya: e.target.value otomatis memiliki autosuggestion properti input HTML.

💡 Memberi tipe eksplisit pada event handler menjamin akses atribut DOM yang aman.

📝 Sekarang giliranmu

Tulis parameter fungsi handleChange bernama e yang diberi anotasi tipe event perubahan input HTML di React.

Preview