Routeri React Router

Pirmkārt, lai izveidotu maršrutēšanu, jāsāk ar routeri (Router). Tas ir augstākā līmeņa komponents, pateicoties kuram strādā visi pārējie komponenti un āķi.

Routeru ir vairāki veidi. Lielākā daļa tīmekļa lietotņu izmanto BrowserRouter. Ja tomēr kādu iemeslu dēl nevar izmantot pilnu URL, tad HashRouter. Komponentu testēšanai ir ļoti ērts MemoryRouter. Routeris NativeRouter, kā var redzēt pēc nosaukuma, tiek izmantots native izstrādēs. Izvēlieties StaticRouter, ja vēlaties izmantot datu maršrutētāju attēlošanai uz sava servera, piemēram, uz NodeJS.

Lai izmantotu vienu no šiem routeriem, vienkārši jāieneso kods izvēlētajā komponentā šādi, piemēram, HashRouter tas ir:

function App() {
	return (
		<HashRouter>
			/* Jūsu kods */
		</HashRouter>
	);
}

Tomēr šī sintakse jau tiek uzskatīta par nedaudz novestu. Lai nākotnē mums būtu piekļuve jaunajām API (piemēram, dažiem āķiem un dažādām noderīgām īpašībām), kuras pastāvīgi tiek atjauninātas un pievienotas, ieteicams izmantot modernāku sintaksi routeru izveidei, tas ir, vietā iepriekšminētajiem komponentiem jāizmanto createBrowserRouter, createMemoryRouter, createHashRouter un createStaticRouter.