Spędziliśmy więc trochę czasu na migracji tego, aby zareagować teraz na nawigację piątkę i może teraz wygląda to
nieco przytłaczająco.
Pozwólcie, że podsumuję kluczowe zmiany, które wprowadziliśmy tutaj i kluczowe zmiany, które reagują na różnice
klucza. Nawigacja. 5 wprowadzono największą zmianą jest to, jak skonfigurowaliśmy naszą konfigurację ekranu zamiast
podejścia podobnego do rejestru, teraz używamy komponentów do konfiguracji, ale wzór tutaj jest właściwie
dość prosty.
Zawsze tworzysz nawigator, który może być stosem Nawigator rysujący lub też nawigator
z kranu, a następnie używasz tego nawigatora do nawigacji tutaj jako elementu trasy dla tego zestawu ekranów
należących do tego nawigatora.
Ekrany są tam zagnieżdżonymi komponentami i tam podajesz nazwę i komponent, który powinien zostać załadowany
dla tego ekranu.
Teraz, jeśli chodzi o nawigację, nadal nawigujesz za pomocą rekwizytu nawigacyjnego, a następnie funkcji nawigacyjnej,
identyfikując ekran po nazwie.
Więc to się wcale nie zmienia.
Nadal przekazujesz rodzicom, jak poprzednio.
Jedyną ważną rzeczą tutaj lub jedną, o której powinieneś pamiętać, jest to, że nazwa, której tu używasz,
powinna oczywiście być nazwą, której również tutaj używasz.
Podczas konfigurowania ekranów.
To największa zmiana, którą skonfigurowałeś jako komponenty.
Ostatecznie możesz nadal zagnieżdżać między sobą różnych nawigatorów, ponieważ robimy to
tutaj, gdzie musimy narysować Nawigatora, który ma również nawigatory stosów jako ekrany.
To też się nie zmienia, teraz wygląda inaczej.
I to, co się zmieniło, polega na tym, że konfigurujesz różne opcje konfiguracji ekranu, więc opcje
wpływające na wszystkie ekrany nawigatora są ustawiane bezpośrednio w Nawigatorze, komponent z propem
opcji ekranu i konfiguracja specyficzna dla ekranu jest konfigurowana z opcjami prop na komponencie ekranu .
Teraz możesz zarządzać tą konfiguracją, jeśli robisz to wszystko w jednym dużym pliku lub tak jak my robimy to tutaj,
jeśli robisz to na ekranie, a następnie po prostu eksportujesz.
Tak, możesz go użyć, gdy konfiguracja ich komponentów zależy od Ciebie.
To wszystko, o czym musisz pamiętać.
Jedną rzeczą, która się zmieniła z tego powodu, jest sposób obsługi uwierzytelnienia lub powiązanych spraw.
Nie musisz już przełączać nawigatora.
Zamiast tego kontrolujesz, którzy nawigatorzy powinni być renderowani, reagując, a to, co nie jest renderowane, nie może być skuteczne, nie
może nic zrobić.
Jeśli więc nie renderujemy do nawigatora sklepu, ponieważ nie jesteśmy uwierzytelnieni, nie ma możliwości
załadowania ekranu sklepu.
W ten sposób kontrolujemy, które ekrany są dostępne tutaj na przykładzie uwierzytelnienia.
Pamiętaj także o logowaniu zamówień.
Więc to jest coś, gdzie musisz przejść do nowego modelu mentalnego.
Jest to jednak znacznie bardziej reaktywne niż to, czego musieliśmy użyć wcześniej.
A potem mamy jeszcze jedną dużą lub ważną zmianę i właśnie w ten sposób wydobywamy rodziców,
a kiedy potrzebujemy rodziców, wydobywamy rodziców na tej nowej propozycji trasy z kluczem rodziców, klucz rodziców może być niezdefiniowany, jeśli
nie otrzymano rodziców, a ten element i rodzice powinni teraz być naprawdę wykorzystywani tylko do pobierania
danych z komponentu dwuskładnikowego B.
Więc z ekranu na ekran B włamujesz się dookoła, ponieważ musieliśmy ich użyć wcześniej w ekranie dodanego produktu
nie są już potrzebne, jeśli musisz użyć rodziców, aby uzyskać dane od wglądu do komponentu w
opcjach ekranu, których nie musisz robić to już.
Zamiast tego używasz teraz nowego zestawu opcji Funkcja, którą możesz wywołać bezpośrednio na
propie nawigacji
tutaj.
Nazywamy więc ustawieniami opcji w tym rekwizytach nawigacyjnych, a następnie możemy dynamicznie dostosowywać
opcje nawigacji z wnętrza komponentu.
Są to kluczowe zmiany, które musieliśmy wprowadzić tutaj i najważniejsze rzeczy, które się zmieniły.
Teraz jak zawsze oficjalne dokumenty są twoim przyjacielem.
Jeśli chcesz przeczytać o tym ponownie, jeśli chcesz zagłębić się w inne przypadki, których tutaj nie
omówiliśmy.
Na przykład, jeśli chcesz nauczyć się obsługi kranów, nie robimy tego tutaj, ale podejście jest
bardzo podobne.
Robisz to z konfiguracją opartą na komponentach z nawigatorem i ekranami, a następnie oficjalne dokumenty
to naprawdę świetne miejsce do nurkowania.
Zapoznaj się również z ogłoszeniem dotyczącym reagowania na nawigację 5 i przewodnikiem aktualizacji, do którego również
tam link, znajdziesz wszystkie te zasoby również dołączone do tego wykładu.
I od tego zależy, czy chcesz zastosować reagującą nawigację 3 lub 4, czy też chcesz przełączyć
się na 5 lub później.
Gdy mamy nowe słowa, to zależy od ciebie.
Większość projektów na wolności będzie nadal korzystać z Virgin Free, ponieważ te wersje
są dostępne od tak dawna.
Nowe projekty mogą zmienić się w Where's in five, ale nadal mogą korzystać ze starszej wersji.
Dlatego twierdzę, że ważne jest, aby znać oba rodzaje nawigacji, jeśli pracujesz nad własnym projektem na
własną rękę.
Polecam przełączyć nawigację na pięć od samego początku, ale jeśli chcesz 4
lub darmowe ciasto, jest to również w porządku.
Reaktywacja 3 i 4 jest w pełni stabilna i wszystkie będą aktualizowane w przyszłości przez zespół
reagujący na nawigację.
Więc nigdzie się nie wybiera.
Korzystanie z niego nie jest niebezpieczne i zależy od Ciebie.
Której wersji chcesz użyć.