> For the complete documentation index, see [llms.txt](https://afatihyavasi.gitbook.io/typescript-notlari/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://afatihyavasi.gitbook.io/typescript-notlari/handbook/react-ve-typescript/event-tipleri.md).

# 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.

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

![](https://1559559760-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Meec30BW_fl6QaxZdtW%2F-Mf8Vg7U360AdBgwOaPo%2F-Mf8ioB6MvNgFdfBAjVs%2FEkran%20Resmi%202021-07-21%2018.38.57.png?alt=media\&token=6b523a24-a349-4c9b-bd17-c9846dfdd407)

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.

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

�Event tip tanımlamaları hakkında detaylı bilgi almak için [şu](https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/forms_and_events/) sayfayı inceleyebilirsiniz.