Uelekezaji wa Mkondoni kwa Mteja katika React Router

Katika somo hili tutachunguza sehemu muhimu ya programu za ukurasa mmoja (SPA) - uelekezaji wa mkondoni kwa mteja. Uelekezaji kama huu unaturuhusu sasisha URL kwenye kivinjari bila maombi ya ziada ya hati kutoka kwa seva.

Zindua programu tuliyoiumba kwenye somo lilopita. Fungua paneli ya msanidi programu na ndani yake kichupo cha 'Mtandao' (Network kwa Chrome). Baada ya kila bofya kwenye viungo vyetu tunaona kila wakati ombi la hati. Hiyo ni kila wakati tunaomba seva itupakie hati.

Basi hebu sasa tufaidi manufaa ya React Router, ili kuwaondoa maombi kama haya. Kwa kufanya hivyo fungua root.jsx ya programu yetu na ubadilishe kitambulisho a cha muundo na kipengele Link. Kuanza tuongeze usafirishaji wake:

Sasa badilisha vitambulisho a na sifa href. Badala ya kipande cha msimbo:

Sasa tutakuwa na msimbo ufuatao:

Fungua tena kichupo 'Mtandao' kwenye paneli ya msanidi programu, kwenye mstari wa anwani weka njia ya mzizi na ukariri ukurasa. Sasa bofya kwenye viungo na uone kuwa hati yetu iliombwa mara moja tu wakati wa upakiaji wa kwanza na wakati wa kubofya baadaye hakuna ombi kwenye seva tena.