"Responding to events" translation #491
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
|
@wizarddos, skończyłem review, ogólnie super, że się tego podjąłeś, ale mam kilka uwag. Są pewne błędu początkującego, które na pewno poprawisz 😉
|
|
Jasne, dzięki wielkie za review. Prawda że to pewnie takie błędy, bo co jak co ale to pierwszy tekst który tłumaczę. Jeszcze raz dzięki i niedługo wrzucę odpowiedni fix |
|
@wizarddos, planujesz wprowadzić poprawki jakoś niebawem? Szkoda żeby Twoja praca poszła na marne, jest blisko do mety 😉 |
|
Oczywiście że planuję, miałem po prostu ostatnio sporo roboty. Jak znajdę chwilę to na pewno wszystko poprawię |
dawidsabat
requested changes
Mar 26, 2025
|
|
||
| To add an event handler, you will first define a function and then [pass it as a prop](/learn/passing-props-to-a-component) to the appropriate JSX tag. For example, here is a button that doesn't do anything yet: | ||
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję a następnie [przekaż ją jako właściwość (ang. prop)](/learn/passing-props-to-a-component) do odpowiedniejgo tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: |
There was a problem hiding this comment.
Nazywa angielskie w nawiasach piszemy kursywą.
Dodatkowo masz literówki tutaj i w kolejnych miejscach. Rozważ użycie dodatków do IDE jak Code Spell Checker dla VS Code lub coś podobnego 😉
Suggested change
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję a następnie [przekaż ją jako właściwość (ang. prop)](/learn/passing-props-to-a-component) do odpowiedniejgo tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: | |
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję a następnie [przekaż ją jako właściwość (ang. _prop_)](/learn/passing-props-to-a-component) do odpowiedniego tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: |
| --- | ||
|
|
||
| <Intro> | ||
|
|
||
| React lets you add *event handlers* to your JSX. Event handlers are your own functions that will be triggered in response to interactions like clicking, hovering, focusing form inputs, and so on. | ||
| React pozwala nam dodać *procedury obsługi zdarzeń* (ang. _event handlers_) do naszego JSX. Procedury obsługi zdarzeń to twoje własne funkcje, które zostaną wywołane w odpowiedzi na interakcje tj. klikanie, najeżdżanie, wybieranie pól tekstowych itp. |
There was a problem hiding this comment.
Suggested change
| React pozwala nam dodać *procedury obsługi zdarzeń* (ang. _event handlers_) do naszego JSX. Procedury obsługi zdarzeń to twoje własne funkcje, które zostaną wywołane w odpowiedzi na interakcje tj. klikanie, najeżdżanie, wybieranie pól tekstowych itp. | |
| React pozwala nam dodać *procedury obsługi zdarzeń* (ang. _event handlers_) do naszego JSXa. Procedury obsługi zdarzeń to twoje własne funkcje, które zostaną wywołane w odpowiedzi na interakcje tj. klikanie, najeżdżanie, wybieranie pól tekstowych itp. |
| </button> | ||
| ); | ||
| } | ||
| ``` | ||
|
|
||
| </Sandpack> | ||
|
|
||
| You can make it show a message when a user clicks by following these three steps: | ||
| Możesz sprawić, aby pokazywał wiadomość po kliknięciu go przez użytkownika, w tych trzech krokach: |
There was a problem hiding this comment.
Wg mnie brakuje tu zaimka. Trochę nie wiadomo kto ma pokazywać tę wiadomość 🙂
Suggested change
| Możesz sprawić, aby pokazywał wiadomość po kliknięciu go przez użytkownika, w tych trzech krokach: | |
| Możesz sprawić, aby pokazywał on wiadomość po kliknięciu go przez użytkownika, w tych trzech krokach: |
| @@ -62,78 +62,76 @@ button { margin-right: 10px; } | |||
|
|
|||
| </Sandpack> | |||
|
|
|||
| You defined the `handleClick` function and then [passed it as a prop](/learn/passing-props-to-a-component) to `<button>`. `handleClick` is an **event handler.** Event handler functions: | |||
| Zdefiniowałeś funkcję `handleClick` a potem [przekazałeś ją jako właściwość](/learn/passing-props-to-a-component) do `<button>`. `handleClick` jest **procedurą obsługi zdarzeń.** Takie funkcje: | |||
There was a problem hiding this comment.
Starajmy pisać się neutralnie płciowo, nie "jak do chłopa" 😃 Czasami wymaga to niedosłownego tłumaczenia.
Suggested change
| Zdefiniowałeś funkcję `handleClick` a potem [przekazałeś ją jako właściwość](/learn/passing-props-to-a-component) do `<button>`. `handleClick` jest **procedurą obsługi zdarzeń.** Takie funkcje: | |
| Zdefiniowana funkcja `handleClick`, która jest potem [przekazana jako właściwość](/learn/passing-props-to-a-component) do `<button>`, jest **procedurą obsługi zdarzeń.** Funkcje taka jak ta: |
|
|
||
| By convention, it is common to name event handlers as `handle` followed by the event name. You'll often see `onClick={handleClick}`, `onMouseEnter={handleMouseEnter}`, and so on. | ||
| Często zauważysz `onClick={handleClick}`, `onMouseEnter={handleMouseEnter}` itp. |
There was a problem hiding this comment.
Tu chyba uciekł Ci kawałek tekstu do przetłumaczenia. Zbyt skrótowo to wygląda.
Suggested change
| Często zauważysz `onClick={handleClick}`, `onMouseEnter={handleMouseEnter}` itp. | |
| Zgodnie z konwencją nazwy funkcji obsługujących zdarzenia zazwyczaj zaczynają się od `handle`, po którym następuje nazwa zdarzenia. Często zobaczysz składnie taką jak `onClick={handleClick}`, `onMouseEnter={handleMouseEnter}` i podobne. |
|
|
||
| <Pitfall> | ||
|
|
||
| Functions passed to event handlers must be passed, not called. For example: | ||
| Funkcje przekazywane do procedury obsługi zdarzeń, nie są wywoływane. Na przykład: |
There was a problem hiding this comment.
Suggested change
| Funkcje przekazywane do procedury obsługi zdarzeń, nie są wywoływane. Na przykład: | |
| Funkcje przekazywane do procedury obsługi zdarzeń muszą być przekazywane, nie wywoływane. Przykład: |
|
|
||
| To add an event handler, you will first define a function and then [pass it as a prop](/learn/passing-props-to-a-component) to the appropriate JSX tag. For example, here is a button that doesn't do anything yet: | ||
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję, a następnie [przekaż ją jako właściwość (ang. prop)](/learn/passing-props-to-a-component) do odpowiedniego tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: |
There was a problem hiding this comment.
Suggested change
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję, a następnie [przekaż ją jako właściwość (ang. prop)](/learn/passing-props-to-a-component) do odpowiedniego tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: | |
| Aby dodać procedurę obsługi zdarzeń, najpierw zdefiniuj funkcję, a następnie [przekaż ją jako właściwość (ang. _prop_)](/learn/passing-props-to-a-component) do odpowiedniego tagu JSX. Na przykład, oto przycisk, który jeszcze nic nie robi: |
|
|
||
| Alternatively, you can define an event handler inline in the JSX: | ||
| Oprócz tego, możesz zdefiniować procedurę obsługi zdarzeń w jednej lini z JSX: |
There was a problem hiding this comment.
Suggested change
| Oprócz tego, możesz zdefiniować procedurę obsługi zdarzeń w jednej lini z JSX: | |
| Oprócz tego, możesz zdefiniować procedurę obsługi zdarzeń w miejscu wywołania w JSX: |
|
|
||
| Ponieważ procedury są deklarowane wewnątrz komponentu, mają dostęp do jego właściwości. Oto przycisk, który po kliknięciu pokaże alert z właściwością `message`: |
There was a problem hiding this comment.
Zjedzona pusta linia:
Suggested change
| Ponieważ procedury są deklarowane wewnątrz komponentu, mają dostęp do jego właściwości. Oto przycisk, który po kliknięciu pokaże alert z właściwością `message`: | |
| Ponieważ procedury są deklarowane wewnątrz komponentu, mają dostęp do jego właściwości. Oto przycisk, który po kliknięciu pokaże alert z właściwością `message`: | |
|
|
||
| Often you'll want the parent component to specify a child's event handler. Consider buttons: depending on where you're using a `Button` component, you might want to execute a different function—perhaps one plays a movie and another uploads an image. | ||
| Często będziesz chciał, aby komponent-rodzic zdefiniował dziecku procedurę obsługi zdarzeń. Przyjrzyj się przyciskom: w zależności od tego, gdzie użyjesz komponentu `Button`, możesz chcieć wykonać inną funkcję - być może jeden odtwarza film, a drugi wrzuca obrazek? |
There was a problem hiding this comment.
Suggested change
| Często będziesz chciał, aby komponent-rodzic zdefiniował dziecku procedurę obsługi zdarzeń. Przyjrzyj się przyciskom: w zależności od tego, gdzie użyjesz komponentu `Button`, możesz chcieć wykonać inną funkcję - być może jeden odtwarza film, a drugi wrzuca obrazek? | |
| Często będziesz chcieć, aby komponent-rodzic zdefiniował dziecku procedurę obsługi zdarzeń. Przyjrzyj się przyciskom: w zależności od tego, gdzie użyjesz komponentu `Button`, możesz chcieć wykonać inną funkcję - być może jeden odtwarza film, a drugi dodaje obrazek? |
|
Hej @wizarddos, przepraszam, ale trochę nie ogarnąłem GitHuba i zapomniałem, że moje komentarze nie są widoczne dopóki nie zakończę review. W każdym razie sugestie są już dostępne, możesz je użyć. Przepraszam raz jeszcze 🥲 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.