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
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ Neke stvari na ekranu se update-uju kao odgovor na korisnički unos. Na primer,
10
10
11
11
<YouWillLearnisChapter={true}>
12
12
13
-
*[Kako da rukujette event-ima koje pokrene korisnik](/learn/responding-to-events)
13
+
*[Kako da rukujete event-ima koje pokrene korisnik](/learn/responding-to-events)
14
14
*[Kako da učinite da component-e „pamte” informacije koristeći state](/learn/state-a-components-memory)
15
15
*[Kako React update-uje UI u dve faze](/learn/render-and-commit)
16
16
*[Zašto se state ne update-uje odmah nakon promene](/learn/state-as-a-snapshot)
@@ -22,7 +22,7 @@ Neke stvari na ekranu se update-uju kao odgovor na korisnički unos. Na primer,
22
22
23
23
## Odgovaranje na event-e {/*responding-to-events*/}
24
24
25
-
React vam omogućava da dodate *event handler*-e u vaš JSX. Event handler-i su vaše sopstvene funkcije koje će se pokrenuti kao odgovor na korisničke interakcije, poput klika, prelaženja mišem, fokusiranja na form input-e i tako dalje.
25
+
React vam omogućava da dodate *event handler*-e u vaš JSX. Event handler-i su vaše sopstvene funkcije koje će se pokrenuti kao odgovor na korisničke interakcije poput klika, prelaženja mišem, fokusiranja na input-e forme i tako dalje.
26
26
27
27
Ugrađene component-e poput `<button>` podržavaju samo ugrađene browser event-e poput `onClick`. Međutim, možete kreirati i sopstvene component-e i njihovim event handler prop-ovima dati bilo koja aplikacijski specifična imena koja želite.
28
28
@@ -32,8 +32,8 @@ Ugrađene component-e poput `<button>` podržavaju samo ugrađene browser event-
32
32
exportdefaultfunctionApp() {
33
33
return (
34
34
<Toolbar
35
-
onPlayMovie={() =>alert('Playing!')}
36
-
onUploadImage={() =>alert('Uploading!')}
35
+
onPlayMovie={() =>alert('Puštanje!')}
36
+
onUploadImage={() =>alert('Upload-ovanje!')}
37
37
/>
38
38
);
39
39
}
@@ -42,10 +42,10 @@ function Toolbar({ onPlayMovie, onUploadImage }) {
Pokušajte da promenite `<Avatar>` unutar `<Card>`-a sa nekim tekstom da biste videli kako `Card` komponenta može da obmota bilo koji ugnježdeni sadržaj. Ona ne mora da "zna" šta će biti renderovano unutar nje. Videćete ovaj fleksibilni obrazac na mnogim mestima.
350
+
Pokušajte da promenite `<Avatar>` unutar `<Card>`-a sa nekim tekstom da biste videli kako `Card` komponenta može da obmota bilo koji ugnježdeni sadržaj. Ona ne mora da "zna" šta će biti renderovano unutar nje. Videćete ovaj fleksibilni šablon na mnogim mestima.
351
351
352
352
Komponentu sa `children` prop možete zamisliti kao da ima "šupljinu" koja će biti "popunjena" u njenim roditeljskim komponentama sa proizvoljnim JSX-om. Često ćete koristiti `children` prop za vizuelne wrapper-e: panel-e, grid-ove, itd.
0 commit comments