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: content/docs/state-and-lifecycle.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -31,7 +31,7 @@ setInterval(tick, 1000);
31
31
32
32
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/gwoJZk?editors=0010)
33
33
34
-
W tym rozdziale dowiemy się, jak sprawić, by komponent `Clock` był w pełni hermetyczny i dawał się używać wielokrotnie. Wyposażymy go we własny timer, który będzie aktualizował się co sekundę.
34
+
W tym rozdziale dowiemy się, jak sprawić, by komponent `Clock` był w pełni hermetyczny i zdatny do wielokrotnego użytku. Wyposażymy go we własny timer, który będzie aktualizował się co sekundę.
35
35
36
36
Zacznijmy od wyizolowania kodu, który odpowiada za wygląd zegara:
37
37
@@ -57,7 +57,7 @@ setInterval(tick, 1000);
57
57
58
58
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/dpdoYR?editors=0010)
59
59
60
-
Brakuje jeszcze fragmentu, który spełniałby kluczowe założenie: inicjalizacja timera i aktualizowanie strony co sekundę powinny być zaimplementowane w komponencie `Clock`.
60
+
Brakuje jeszcze fragmentu, który spełniałby kluczowe założenie: inicjalizacja timera i aktualizowanie UI co sekundę powinny być zaimplementowane w komponencie `Clock`.
61
61
62
62
Idealnie byłoby móc napisać tylko tyle i oczekiwać, że `Clock` zajmie się resztą:
63
63
@@ -413,7 +413,7 @@ Scalanie jest płytkie (ang. *shallow*), tzn. `this.setState({comments})` nie zm
413
413
414
414
## Dane płyną z góry na dół {#the-data-flows-down}
415
415
416
-
Ani komponenty-rodzice, ani ich dzieci nie wiedzą, czy jakiś komponent ma stan, czy też nie. Nie powinny się również przejmować tym, czy jest on funkcyjny, czy klasowy.
416
+
Ani komponenty-rodzice, ani ich dzieci nie wiedzą, czy jakiś komponent posiada stan, czy też nie. Nie powinny się również przejmować tym, czy jest on funkcyjny, czy klasowy.
417
417
418
418
Właśnie z tego powodu stan jest nazywany lokalnym lub enkapsulowanym. Nie mają do niego dostępu żadne komponenty poza tym, który go posiada i modyfikuje.
419
419
@@ -439,9 +439,9 @@ function FormattedDate(props) {
439
439
440
440
[**Przetestuj kod na CodePen**](http://codepen.io/gaearon/pen/zKRqNB?editors=0010)
441
441
442
-
Taki przepływ danych nazywany jest powszechnie jednokierunkowym (ang. *unidirectional*) lub "z góry na dół" (ang. *top-down*). Stan jest zawsze własnością konkretnego komponentu i wszelkie dane lub części UI powstałe w oparciu o niego mogą wpłynąć jedynie na komponenty znajdujące się "poniżej" w drzewie.
442
+
Taki przepływ danych nazywany jest powszechnie jednokierunkowym (ang. *unidirectional*) lub "z góry na dół" (ang. *top-down*). Stan jest zawsze własnością konkretnego komponentu i wszelkie dane lub części UI, powstałe w oparciu o niego, mogą wpłynąć jedynie na komponenty znajdujące się "poniżej" w drzewie.
443
443
444
-
Wyobraź sobie, że drzewo komponentów to wodospad atrybutów. Stan każdego z komponentów to dodatkowe źródło wody, które go zasila, jednocześnie spadając w dół wraz z resztą wody.
444
+
Wyobraź sobie, że drzewo komponentów to wodospad atrybutów, a stan każdego z komponentów to dodatkowe źródło wody, które go zasila, jednocześnie spadając w dół wraz z resztą wody.
445
445
446
446
Aby pokazać, że wszystkie komponenty są odizolowane od reszty, stwórzmy komponent `App`, który renderuje trzy elementy `<Clock>`:
0 commit comments