Pagrindinė problema, susijusi su React Router naudojant stilius iš viešojo aplanko, yra ta, kad gali būti sunku sekti stilius ir užtikrinti, kad jie tinkamai pritaikyti. Kadangi viešasis aplankas nėra React komponentų medžio dalis, gali būti sunku žinoti, kurie stiliai taikomi ir kada. Be to, jei keli komponentai naudoja tą patį stilių iš viešojo aplanko, gali būti sunku derinti bet kokias iškilusias problemas.
„React Router“
Išspręsta: reaguokite į maršrutizatorių naudodami statinius stilius
Pagrindinė problema, susijusi su statinių stilių naudojimu su React Router, yra ta, kad gali būti sunku sekti skirtingus maršrutus ir su jais susijusius stilius. Naudojant statinius stilius, kiekvienas maršrutas turi turėti savo CSS taisyklių rinkinį, kuris gali greitai tapti nepatogiu ir sunkiai prižiūrimu. Be to, jei stilius naudojamas keliuose maršrutuose, jis turi būti dubliuojamas visuose juose, todėl sunku išlaikyti kodą DRY (nekartokite savęs).
Išspręsta: „React Router Link“ veikia
Pagrindinė problema, susijusi su „React Router Link“, yra ta, kad spustelėjus ji tinkamai neatnaujina naršyklės istorijos. Tai reiškia, kad jei vartotojas spustelėja nuorodą ir tada paspaus atgal mygtuką, jis bus grąžintas į ankstesnį puslapį, o ne į puslapį, iš kurio ką tik nuėjo. Be to, kai kuriais atvejais tai gali sukelti netikėtą elgesį, pvz., naudojant užklausos eilutes arba maišos fragmentus.
Išspręsta: naudokite „History React Router v6“ programą
Pagrindinė problema, susijusi su History React Router v6 naudojimu, yra ta, kad jis nepalaiko maišos pagrindu pagrįsto maršruto parinkimo. Tai reiškia, kad visi URL turi būti absoliutūs keliai, todėl gali būti sunku valdyti ir prižiūrėti programą. Be to, nėra integruoto dinaminių maršrutų palaikymo, o tai gali būti problema kuriant sudėtingas programas su keliais puslapiais. Galiausiai, History React Router v6 nepalaiko serverio atvaizdavimo, kuris kai kuriais atvejais gali būti reikalingas.
Išspręsta: reaguoja maršrutizatorius kito puslapio viršuje
Pagrindinė problema, susijusi su „React Router“ kito puslapio viršumi, yra ta, kad jis gali sukelti netikėtą elgesį naršant tarp puslapių. Eidama į naują puslapį, naršyklė slinks atgal į puslapio viršų, o tai gali erzinti vartotojus, kurie tikisi likti tame pačiame puslapyje arba slinkti toliau žemyn. Be to, prie tradicinių žiniatinklio naršymo modelių pripratę vartotojai gali nesitikėti tokio elgesio.
Išspręsta: ActiveClassName reaguoja maršrutizatorius
Pagrindinė problema, susijusi su ActiveClassName React Router, yra ta, kad ji automatiškai neatnaujina aktyvios klasės, kai pasikeičia maršrutas. Tai reiškia, kad kūrėjai turi rankiniu būdu atnaujinti aktyvią klasę, kai pasikeičia maršrutas, o tai gali užtrukti ir sukelti klaidų. Be to, jei keli maršrutai yra vienas kitame, gali būti sunku sekti, kuris maršrutas šiuo metu yra aktyvus ir kokios klasės turėtų būti taikomos kiekvienam elementui.
Išspręsta: reaguoti į maršrutizatorių 404 nukreipti
Pagrindinė problema, susijusi su „React Router 404“ peradresavimu, yra ta, kad ją gali būti sunku įdiegti. Kadangi „React Router“ neturi integruoto 404 puslapio, kūrėjai turi rankiniu būdu sukurti 404 puslapio maršrutą ir sukonfigūruoti maršrutizatorių, kad peradresuotų visas užklausas, kurios neatitinka esamo maršruto. Tam reikia papildomo kodo ir konfigūracijos, o tai gali užtrukti ir sunkiai derinti, jei kas nors negerai. Be to, jei naudotojas naršo tiesiai į URL, kurio nėra, jis vis tiek matys klaidos puslapį, o ne bus nukreiptas į 404 puslapį.
Išspręsta: reaguoja maršrutizatorius, pridėkite atsarginę dalį, kad sugautumėte viską
Pagrindinė problema, susijusi su „React Router“ ir atsarginio elemento pridėjimu, kad būtų galima viską sugauti, yra ta, kad gali būti sunku tinkamai sukonfigūruoti atsarginį maršrutą. Atsarginis maršrutas turi būti sukonfigūruotas taip, kad jis gautų visas užklausas, įskaitant tas, kurios nėra tinkami maršrutai. Jei konfigūracija atlikta neteisingai, užklausos dėl netinkamų maršrutų nebus gaudomi atsarginiu maršrutu ir gali sukelti klaidų arba netikėto elgesio. Be to, jei programoje yra dinaminių maršrutų (pvz., remiantis vartotojo įvestimi), į juos reikia atsižvelgti konfigūruojant atsarginį maršrutą, kad jie taip pat būtų sugauti.
Išspręsta: atsisiųskite react maršrutizatorių dom
Pagrindinė problema, susijusi su React Router DOM atsisiuntimu, yra ta, kad ją gali būti sunku konfigūruoti ir nustatyti. React Router DOM reikalauja daug konfigūracijos ir sąrankos, o tai gali užtrukti daug laiko ir būti sudėtinga kūrėjams, kurie pradeda naudotis biblioteka. Be to, „React Router DOM“ nuolat tobulėja, todėl kūrėjai turi nuolat atnaujinti naujausią versiją, kad užtikrintų suderinamumą su savo programomis.