Event Tipleri

Event tanımlaması yaparken, IDE miz den faydalanarak kolayca event tanımlaması yapabiliriz. Örneğin aşağıdaki gibi bir formumuz olsun. onSubmit yazısının üzerine gelelim.

<form onSubmit={handleSubmit}>
//...
</form>

IDE miz (Ekran görüntüleri WebStorm dan alınmıştır) onSubmit için bize tip tanımlaması olarak React.FormEventHandler<HTMLFormElement> olarak onSubmit in tipini gösterir. Buradan hareketle event tipimizi aşağıdaki gibi tanımlayabiliriz.

const handleSubmit = (e: React.FormEvent<HTMLFormElement>) {
    e.preventDefault();
}

Event tip tanımlamaları hakkında detaylı bilgi almak için şu sayfayı inceleyebilirsiniz.