; komponent wyzszego rzedu - withRouter">
instalacja router | npm install react-router-dom |
<Router>...</Router> w app.js | jakie komponenty maja byc obslugiwane |
działa jak <a href="" tylko nei odswieza CALEJ STRONY | <Link /> |
komponent wyzszego rzedu | withRouter |
Zwraca obiekt,klucz z aktualnego URL | = useParams(); |
link menu, mozna np zmienic wyglad gdy jest aktywny | <NavLink /> |
klasa dla NavLink, gdy jest aktywne | activeClassName='style.klasa' |
useReducer(reducer, InitialState) | trzyma stany i typy | useReducer |
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> |
Profile | ErrorBoundary |
ustawia tytuł strony | document.title = title; |
wrzuca nowy adres przekierowuje | import { useHistory } | const h = useHistory(); | history.push('/'); |
path - uwzgldnia ojca, url tworzy relatywny link np. do NavLink | const {path,url} = useRouteMatch(); |