Skip to content

Commit

Permalink
Merge pull request #110 from reactjs/features/responding-to-events
Browse files Browse the repository at this point in the history
Translate responding-to-events.md
  • Loading branch information
lxmarinkovic authored Dec 8, 2024
2 parents 3c0171d + 26b1101 commit c9768bf
Show file tree
Hide file tree
Showing 3 changed files with 160 additions and 160 deletions.
12 changes: 6 additions & 6 deletions src/content/learn/adding-interactivity.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Neke stvari na ekranu se update-uju kao odgovor na korisnički unos. Na primer,

<YouWillLearn isChapter={true}>

* [Kako da rukujette event-ima koje pokrene korisnik](/learn/responding-to-events)
* [Kako da rukujete event-ima koje pokrene korisnik](/learn/responding-to-events)
* [Kako da učinite da component-e „pamte” informacije koristeći state](/learn/state-a-components-memory)
* [Kako React update-uje UI u dve faze](/learn/render-and-commit)
* [Zašto se state ne update-uje odmah nakon promene](/learn/state-as-a-snapshot)
Expand All @@ -22,7 +22,7 @@ Neke stvari na ekranu se update-uju kao odgovor na korisnički unos. Na primer,

## Odgovaranje na event-e {/*responding-to-events*/}

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

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.

Expand All @@ -32,8 +32,8 @@ Ugrađene component-e poput `<button>` podržavaju samo ugrađene browser event-
export default function App() {
return (
<Toolbar
onPlayMovie={() => alert('Playing!')}
onUploadImage={() => alert('Uploading!')}
onPlayMovie={() => alert('Puštanje!')}
onUploadImage={() => alert('Upload-ovanje!')}
/>
);
}
Expand All @@ -42,10 +42,10 @@ function Toolbar({ onPlayMovie, onUploadImage }) {
return (
<div>
<Button onClick={onPlayMovie}>
Play Movie
Pusti film
</Button>
<Button onClick={onUploadImage}>
Upload Image
Upload-uj sliku
</Button>
</div>
);
Expand Down
2 changes: 1 addition & 1 deletion src/content/learn/passing-props-to-a-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -347,7 +347,7 @@ export function getImageUrl(person, size = 's') {

</Sandpack>

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

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.

Expand Down
Loading

0 comments on commit c9768bf

Please sign in to comment.