Skip to content

Commit fc13f88

Browse files
authored
Apply suggestions from code review
1 parent c62b21e commit fc13f88

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

src/content/learn/responding-to-events.md

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ Gdy piszesz kod w jednej linii, ta sama pułapka czeka na ciebie w innej formie:
109109
Przekazywanie kodu w lini, tak jak w poniższym przykładzie, nie uruchomi się na kliknięcie - wywoła się za każdym razem, gdy komponent się wyrenderuje:
110110

111111
```jsx
112-
// Ten alert wyskoczy gdy komponent się generuje, a nie gdy został naciśnięty!
112+
// Ten alert wyskoczy, gdy komponent się renderuje, a nie gdy został naciśnięty!
113113
<button onClick={alert('Nacisnąłeś mnie!')}>
114114
```
115115

@@ -119,20 +119,21 @@ Jeśli chcesz stworzyć własną procedurę obsługi zdarzeń w linii, otocz ją
119119
<button onClick={() => alert('Nacisnąłeś mnie!')}>
120120
```
121121

122-
Zamiast wywoływać kod wewnątrz z każdym renderowaniem, stworzy to funkcję do wywołania później.
122+
Zamiast wywoływać kod wewnątrz przy każdym renderowaniu, stworzy to funkcję do wywołania później.
123123

124124
W obu przypadkach to co chcesz przekazać, jest funkcją:
125125

126-
* `<button onClick={handleClick}>` prezkazuje funkcję `handleClick`.
127-
* `<button onClick={() => alert('...')}>` prezkazuje funkcję `() => alert('...')`.
126+
* `<button onClick={handleClick}>` przekazuje funkcję `handleClick`.
127+
* `<button onClick={() => alert('...')}>` przekazuje funkcję `() => alert('...')`.
128128

129-
[Więcej o funkcjach strzałkowych.](https://javascript.info/arrow-functions-basics)
129+
[Przeczytaj więcej o funkcjach strzałkowych.](https://javascript.info/arrow-functions-basics)
130130

131131
</Pitfall>
132132

133133
### Odczytywanie właściwości w procedurach obsługi zdarzeń {/*reading-props-in-event-handlers*/}
134134

135135
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`:
136+
136137
<Sandpack>
137138

138139
```js
@@ -151,7 +152,7 @@ export default function Toolbar() {
151152
Odtwórz film
152153
</AlertButton>
153154
<AlertButton message="Dodawanie!">
154-
Dodaj film
155+
Dodaj obraz
155156
</AlertButton>
156157
</div>
157158
);
@@ -168,7 +169,7 @@ To pozwala tym dwóm przyciskom pokazywać różne wiadomości. Spróbuj je zmie
168169

169170
### Przekazywanie procedur obsługi zdarzeń jako właściwości {/*passing-event-handlers-as-props*/}
170171

171-
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?
172+
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?
172173

173174
Aby to zrobić, przekaż właściwość, którą komponent otrzymał od rodzica, jako procedura obsługi w taki sposób:
174175

0 commit comments

Comments
 (0)