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/preserving-and-resetting-state.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -4,13 +4,13 @@ title: Zachowywanie i resetowanie stanu
4
4
5
5
<Intro>
6
6
7
-
Stan jest izolowany między komponentami. React śledzi, który stan należy do którego komponentu na podstawie ich miejsca w drzewie interfejsu użytkownika. Możesz kontrolować, kiedy zachować stan, a kiedy go zresetować między przerenderowaniami.
7
+
Stan jest izolowany między komponentami. React śledzi, który stan należy do którego komponentu na podstawie ich miejsca w drzewie interfejsu użytkownika. Możesz kontrolować, kiedy zachować stan, a kiedy go zresetować między renderowaniami.
8
8
9
9
</Intro>
10
10
11
11
<YouWillLearn>
12
12
13
-
* Kiedy React decyduje się, aby zachować lub zresetować stan
13
+
* Kiedy React decyduje, aby zachować lub zresetować stan
14
14
* Jak zmusić React do zresetowania stanu komponentu
15
15
* Jak klucze i typy wpływają na to, czy stan jest zachowany
16
16
@@ -694,7 +694,7 @@ Gdy następuje odwrotna sytuacja, `div` zostaje usunięty, a nowy element `secti
694
694
695
695
</DiagramGroup>
696
696
697
-
Ogólna zasada jest taka, że **jeśli chcesz zachować stan pomiędzy przerenderowaniami, struktura drzewa musi "pasować"** między jednym a drugim renderowaniem. Jeśli struktura jest inna, stan zostaje zniszczony, ponieważ React usuwa stan, gdy usuwa komponent z drzewa.
697
+
Ogólna zasada jest taka, że **jeśli chcesz zachować stan pomiędzy renderowaniami, struktura drzewa musi "pasować"** między jednym a drugim renderowaniem. Jeśli struktura jest inna, stan zostaje zniszczony, ponieważ React usuwa stan, gdy usuwa komponent z drzewa.
698
698
699
699
<Pitfall>
700
700
@@ -1399,15 +1399,15 @@ W ten sposób komponent `Form` jest zawsze drugim dzieckiem, więc pozostaje w t
1399
1399
1400
1400
</Solution>
1401
1401
1402
-
#### Swap two form fields {/*swap-two-form-fields*/}
1402
+
#### Zamień dwa pola formularza {/*swap-two-form-fields*/}
1403
1403
1404
1404
Ten formularz pozwala wpisać imię i nazwisko. Ma także pole wyboru kontrolujące, które pole pojawia się jako pierwsze. Kiedy zaznaczysz to pole wyboru, pole „Nazwisko” pojawi się przed polem „Imię”.
1405
1405
1406
1406
To rozwiązanie prawie działa, ale jest w nim błąd. Jeśli wypełnisz pole „Imię” i zaznaczysz pole wyboru, tekst pozostanie w pierwszym polu (które teraz jest występuje jako „Nazwisko”). Napraw to tak, aby tekst z pól również zmieniał się miejscami, gdy zmieniasz kolejność.
1407
1407
1408
1408
<Hint>
1409
1409
1410
-
Wydaje się, że dla tych pól sama ich pozycja względem rodzica nie wystarcza. Czy istnieje jakiś sposób, aby powiedzieć Reactowi, jak ma dopasować stan między przerenderowaniami?
1410
+
Wydaje się, że dla tych pól sama ich pozycja względem rodzica nie wystarcza. Czy istnieje jakiś sposób, aby powiedzieć Reactowi, jak ma dopasować stan między renderowaniami?
0 commit comments