; komponent wyzszego rzedu - withRouter">
wordki.pl - nauka słówek
React Route
autor: M3phX666
instalacja routernpm install react-router-dom
<Router>...</Router> w app.jsjakie komponenty maja byc obslugiwane
działa jak <a href="" tylko nei odswieza CALEJ STRONY<Link />
komponent wyzszego rzeduwithRouter
Zwraca obiekt,klucz z aktualnego URL= useParams();
link menu, mozna np zmienic wyglad gdy jest aktywny<NavLink />
klasa dla NavLink, gdy jest aktywneactiveClassName='style.klasa'
useReducer(reducer, InitialState) | trzyma stany i typyuseReducer
przekierowanie np z /profil > na /zaloguj<Redirect to"/zaloguj" />
lazy - wczyta sie dopeiro gdy Profil zostanie uzyty, gdy bedzie renderowany | dynamiczne wczyt.const Profile = lazy(() => import('./Pages/...'))
Sledzi progrec wczytywania sie | fallback - wartosc, dopoki Profile sie nie wczyta<Suspence fallback={<p>...</p>}></Suspence>
ProfileErrorBoundary
ustawia tytuł stronydocument.title = title;
wrzuca nowy adres przekierowujeimport { useHistory } | const h = useHistory(); | history.push('/');
path - uwzgldnia ojca, url tworzy relatywny link np. do NavLinkconst {path,url} = useRouteMatch();