Dambudziko guru rine chekuita neReact Router uchishandisa zvitaera kubva kune yeruzhinji folda nderekuti zvinogona kunetsa kutarisisa masitaera uye kuona kuti anoshandiswa nemazvo. Sezvo iyo yeruzhinji folda isiri chikamu cheReact chikamu chemuti, zvinogona kuve zvakaoma kuziva kuti ndeapi masitayipi ari kushandiswa uye rinhi. Pamusoro pezvo, kana zvikamu zvakawanda zviri kushandisa maitiro akafanana kubva kune yeruzhinji folda, zvinogona kunetsa kugadzirisa chero nyaya dzinomuka.
React router
Yakagadziriswa: react router uchishandisa static masitaera
Dambudziko guru rine chekuita nekushandisa static masitaera neReact Router nderekuti zvinogona kunetsa kucherekedza nzira dzakasiyana uye dzakabatana masitaera. Nezvitaera zvakamira, nzira yega yega inoda kuve neyayo seti yemitemo yeCSS, iyo inogona kukurumidza kuve isingaite uye yakaoma kuchengetedza. Pamusoro pezvo, kana chimiro chikashandiswa munzira dzakawanda, chinoda kudzokororwa kune ese, zvichiita kuti zviome kuchengeta kodhi DRY (Usazvidzokorora).
Yakagadziriswa: react router Link inoshanda
Dambudziko guru rine chekuita neReact Router Link nderekuti haigadzirise nhoroondo yebrowser zvakanaka kana yadzvanywa. Izvi zvinoreva kuti kana mushandisi akadzvanya paChinongedzo obva adzvanya bhatani rekumashure, anodzoserwa kupeji yapfuura pachinzvimbo chepeji raachangobva kubva kwariri. Pamusoro pezvo, izvi zvinogona kukonzera hunhu husingatarisirwi mune dzimwe nguva, senge kana uchishandisa tambo dzemibvunzo kana zvimedu zvehashi.
Yakagadziriswa: Shandisa Nhoroondo React Router v6 app
Dambudziko guru rine chekuita nekushandisa Nhoroondo React Router v6 nderekuti haitsigire hash-based routing. Izvi zvinoreva kuti ma URL ese anofanirwa kunge ari nzira dzakakwana, izvo zvinogona kuita kuti zviome kubata nekuchengetedza application. Pamusoro pezvo, hapana yakavakirwa-mukati tsigiro yenzira dzakasimba, inogona kuve dambudziko pakugadzira yakaoma maapplication ane akawanda mapeji. Chekupedzisira, Nhoroondo React Router v6 haipe chero tsigiro yeserver-side rendering, izvo zvingave zvakakosha mune dzimwe nguva.
Yakagadziriswa: react router inotevera peji kumusoro
Dambudziko guru rine chekuita neReact Router's rinotevera peji repamusoro nderekuti rinogona kukonzera maitiro asingatarisirwe kana uchifamba pakati pemapeji. Paunenge uchienda kupeji nyowani, bhurawuza inotsveta ichidzokera kumusoro kwepeji, izvo zvinogona kunetsa kune vashandisi vari kutarisira kugara pane imwechete peji kana kupuruzira pasi mberi. Pamusoro pezvo, maitiro aya anogona kunge asingatarisirwe nevashandisi vanoshandiswa kune echinyakare webhu navigation mapatani.
Yakagadziriswa: activeClassName react router
Dambudziko guru rine chekuita neanoshandaClassName muReact Router nderekuti haingogadzirise kirasi inoshanda kana nzira yachinja. Izvi zvinoreva kuti vanogadzira vanofanira kugadzirisa kirasi inoshanda pese pachinja nzira, inogona kutora nguva uye kukanganisa. Pamusoro pezvo, kana nzira dzakawanda dzakaiswa mukati meimwe neimwe, zvinogona kunetsa kuchengeta nzira yekuti ndeipi nzira iri kushanda uye kuti ndeapi makirasi anofanirwa kushandiswa kune chimwe nechimwe chinhu.
Yakagadziriswa: react router 404 redirect
Dambudziko guru rine chekuita neReact Router 404 redirect nderekuti zvinogona kunetsa kuita. Sezvo React Router isina yakavakirwa-mukati 404 peji, vanogadzira vanofanirwa kugadzira nzira yeiyo peji 404 vobva vagadzirisa router kuti idzorezve chero zvikumbiro zvisingaenderane nenzira iripo. Izvi zvinoda imwe kodhi uye kugadzirisa, izvo zvinogona kutora nguva uye zvakaoma kugadzirisa kana chimwe chinhu chikatadza. Pamusoro pezvo, kana mushandisi akafamba akananga kuURL isipo, acharamba achiona peji rekukanganisa pane kuendeswa kune iyo 404 peji.
Yakagadziriswa: react router wedzera fallback kubata zvese
Dambudziko guru rine hukama neReact Router uye nekuwedzera kudonha kuti ubate zvese nderekuti zvinogona kunetsa kugadzirisa nemazvo nzira yekudzokera shure. Nzira yekudzokera kumashure inoda kugadziridzwa nenzira yekuti inobata zvese zvikumbiro, kusanganisira izvo zvisiri makwara. Kana zvigadziriso zvisina kuitwa nemazvo, zvikumbiro zvemakwara asiri iwo hazvibatike nenzira yekudzokera kumashure uye zvinogona kukonzera kukanganisa kana maitiro asingatarisirwe. Pamusoro pezvo, kana iyo application iine nzira dzakasimba (semuenzaniso, zvichibva pakuisa mushandisi), saka izvi zvinoda kuverengerwa kana uchigadzira nzira yekudzokera kumashure kuitira kuti vabatwewo nazvo.
Yakagadziriswa: dhawunirodha react router dom
Dambudziko guru rine chekuita nekurodha React Router DOM nderekuti zvinogona kunetsa kugadzirisa uye kumisikidza. React Router DOM inoda kuwanda kwekugadzirisa uye kuseta, iyo inogona kutora nguva uye yakaoma kune vanogadzira vatsva kuraibhurari. Pamusoro pezvo, React Router DOM inogara ichishanduka, saka vanogadzira vanofanirwa kugara vachienderana neiyo yazvino vhezheni kuitira kuti vaone kuenderana nekushandisa kwavo.