Principala problemă legată de React Router folosind stiluri din folderul public este că poate fi dificil să ține evidența stilurilor și să te asiguri că sunt aplicate corect. Deoarece folderul public nu face parte din arborele componente React, poate fi greu de știut ce stiluri sunt aplicate și când. În plus, dacă mai multe componente folosesc același stil din folderul public, poate fi dificil să depanați problemele care apar.
ReactRouter
Rezolvat: reacţionează routerul folosind stiluri statice
Principala problemă legată de utilizarea stilurilor statice cu React Router este că poate fi dificil să urmăriți diferitele rute și stilurile asociate acestora. Cu stilurile statice, fiecare rută trebuie să aibă propriul set de reguli CSS, care pot deveni rapid greoi și greu de întreținut. În plus, dacă un stil este utilizat în mai multe rute, acesta trebuie să fie duplicat pe toate, ceea ce face dificilă păstrarea codului DRY (nu te repeta).
Rezolvat: reacționează router Link-ul funcționează
Principala problemă legată de React Router Link este că nu actualizează corect istoricul browserului atunci când este făcut clic. Aceasta înseamnă că, dacă un utilizator face clic pe un Link și apoi apasă butonul Înapoi, va fi dus înapoi la pagina anterioară în loc de pagina din care tocmai a navigat. În plus, acest lucru poate provoca un comportament neașteptat în unele cazuri, cum ar fi atunci când utilizați șiruri de interogare sau fragmente hash.
Rezolvat: utilizați aplicația History React Router v6
Principala problemă legată de utilizarea History React Router v6 este că nu acceptă rutarea bazată pe hash. Aceasta înseamnă că toate adresele URL trebuie să fie căi absolute, ceea ce poate face dificilă gestionarea și întreținerea aplicației. În plus, nu există suport încorporat pentru rutele dinamice, ceea ce poate fi o problemă atunci când se creează aplicații complexe cu mai multe pagini. În cele din urmă, History React Router v6 nu oferă niciun suport pentru randarea pe server, care poate fi necesară în unele cazuri.
Rezolvat: reacționați routerul pagina următoare sus
Principala problemă legată de pagina următoare a React Router este că poate provoca un comportament neașteptat atunci când navigați între pagini. Când navigați la o pagină nouă, browserul va derula înapoi în partea de sus a paginii, ceea ce poate fi deranjant pentru utilizatorii care se așteaptă să rămână pe aceeași pagină sau să deruleze mai departe. În plus, acest comportament poate să nu fie așteptat de utilizatorii care sunt obișnuiți cu modele de navigare web mai tradiționale.
Rezolvat: router de reacție activeClassName
Principala problemă legată de activeClassName în React Router este că nu actualizează automat clasa activă atunci când ruta se schimbă. Aceasta înseamnă că dezvoltatorii trebuie să actualizeze manual clasa activă ori de câte ori o rută se schimbă, ceea ce poate fi consumator de timp și predispus la erori. În plus, dacă mai multe rute sunt imbricate unul în celălalt, poate deveni dificil să urmăriți care rută este activă în prezent și ce clase ar trebui aplicate fiecărui element.
Rezolvat: redirecționarea ruterului 404 de reacție
Principala problemă legată de redirecționarea React Router 404 este că poate fi dificil de implementat. Deoarece React Router nu are o pagină 404 încorporată, dezvoltatorii trebuie să creeze manual o rută pentru pagina 404 și apoi să configureze routerul pentru a redirecționa orice solicitare care nu se potrivește cu o rută existentă. Acest lucru necesită cod și configurație suplimentară, ceea ce poate consuma mult timp și poate fi dificil de depanat dacă ceva nu merge bine. În plus, dacă un utilizator navighează direct la o adresă URL care nu există, va vedea în continuare o pagină de eroare în loc să fie redirecționat către pagina 404.
Rezolvat: routerul de reacție adaugă rezervă pentru a prinde tot
Principala problemă legată de React Router și de adăugarea unei alternative pentru a prinde totul este că poate fi dificil să configurați corect ruta de rezervă. Ruta de rezervă trebuie configurată astfel încât să prindă toate solicitările, inclusiv cele care nu sunt rute valide. Dacă configurarea nu este efectuată corect, atunci solicitările pentru rute invalide nu vor fi capturate de ruta de rezervă și pot avea ca rezultat erori sau comportament neașteptat. În plus, dacă aplicația conține rute dinamice (de exemplu, pe baza intrării utilizatorului), atunci acestea trebuie să fie luate în considerare la configurarea rutei de rezervă, astfel încât să fie și ele prinse de aceasta.
Rezolvat: descărcați react router dom
Principala problemă legată de descărcarea React Router DOM este că poate fi dificil de configurat și configurat. React Router DOM necesită multă configurare și configurare, ceea ce poate fi consumator de timp și complex pentru dezvoltatorii care sunt noi în bibliotecă. În plus, React Router DOM este în continuă evoluție, astfel încât dezvoltatorii trebuie să fie la curent cu cea mai recentă versiune pentru a asigura compatibilitatea cu aplicațiile lor.