You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/adding-interactivity.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,20 +20,20 @@ Some things on the screen update in response to user input. For example, clickin
20
20
21
21
</YouWillLearn>
22
22
23
-
## Responding to events {/*responding-to-events*/}
23
+
## Olaylara tepki verme {/*responding-to-events*/}
24
24
25
-
React lets you add *event handlers* to your JSX. Event handlers are your own functions that will be triggered in response to user interactions like clicking, hovering, focusing on form inputs, and so on.
25
+
React, JSX'inize olay yöneticileri eklemenize olanak tanır. Olay yöneticileri (event handler); tıklama, üzerine gelme (hover), form girdilerine odaklanma gibi kullanıcı aksiyonlarına tepki vermek için tetiklenecek olan kendi fonksiyonlarınızdır.
26
26
27
-
Built-in components like `<button>`only support built-in browser events like `onClick`. However, you can also create your own components, and give their event handler props any application-specific names that you like.
27
+
`<button>`gibi yerleşik bileşenler yalnızca `onClick` gibi yerleşik tarayıcı olaylarını destekler. Ancak kendi bileşenlerinizi oluşturabilir ve olay yöneticisini ileteceğiniz prop'lara uygulamanıza özgü isimler verebilirsiniz.
28
28
29
29
<Sandpack>
30
30
31
31
```js
32
32
exportdefaultfunctionApp() {
33
33
return (
34
34
<Toolbar
35
-
onPlayMovie={() =>alert('Playing!')}
36
-
onUploadImage={() =>alert('Uploading!')}
35
+
onPlayMovie={() =>alert('Oynatılıyor!')}
36
+
onUploadImage={() =>alert('Yükleniyor!')}
37
37
/>
38
38
);
39
39
}
@@ -42,10 +42,10 @@ function Toolbar({ onPlayMovie, onUploadImage }) {
42
42
return (
43
43
<div>
44
44
<Button onClick={onPlayMovie}>
45
-
Play Movie
45
+
Film Oynat
46
46
</Button>
47
47
<Button onClick={onUploadImage}>
48
-
Upload Image
48
+
Resim Yükle
49
49
</Button>
50
50
</div>
51
51
);
@@ -68,7 +68,7 @@ button { margin-right: 10px; }
68
68
69
69
<LearnMorepath="/learn/responding-to-events">
70
70
71
-
Read **[Responding to Events](/learn/responding-to-events)**to learn how to add event handlers.
71
+
Olay yöneticilerinin nasıl ekleneceğini öğrenmek için **[Olaylara Tepki Vermek](/learn/responding-to-events)**bölümünü okuyun.
0 commit comments