Bonjour à tous.
Je suis débutant avec React JS. Là j’utilise React Router, et j’ai un problème : ma page (du moins mon Composant) de s’actualise pas si je clic le même lien que la page courante.
Voici un exemple de code :
Mon fichier de Router :
return (
<div className="drive-wrapper">
<BrowserRouter>
<Sidebar />
<div id="drive-content">
<NavbarTop />
<Routes>
<Route path={url_prefix+""} element={<HomePage />} />
<Route path={url_prefix+"/dossiers-clients"} element={<OrdersPage />} />
<Route path="*" element={<Error404 />} />
</Routes>
</div>
</BrowserRouter>
</div>
);
Et le code de mon fichier de Sidebar (mon menu) :
return (
<nav id="drive-sidebar">
<ul className="list-unstyled components">
<li>
<Link to={url_prefix+""}>
<i className="font-icon font-icon-home"></i>
Accueil
</Link>
</li>
<li>
<Link to={url_prefix+"/dossiers-clients"}>
<i className="font-icon font-icon-notebook"></i>
Dossiers clients
</Link>
</li>
</ul>
<ul className="list-unstyled CTAs">
<li>
<a href="#" className="btn-back-crm" onClick={onClick}>Retour CRM</a>
</li>
</ul>
</nav>
);
Par exemple, si je suis dans "Accueil", puis que je clic sur "Dossiers clients", ça marche (je vois bien le contenu de cette page, avec une req Ajax qui va bien me chercher mes dossiers clients). Mais quand je suis déjà dans cette page, si je re-clic sur "Dossiers clients", le contenu de ma page ne se remet pas à jour.
J’imagine qu’avec React Router que c’est fait exprès. Mais je souhaite désactiver ce comportement sur certains liens (des liens de pagination par exemple). Car j’ai créé une pagination, mais dans l’état actuel quand je clic sur un lien de ma pagination, je ne vois pas mes dossiers clients se mettrent à jour en fonction du lien actif de la pagination.
En Back-End j’utilise Laravel qui a lui même un système de pagination. Du coté React JS, j’ai moi même dév un Component pour générer la pagination coté React JS, je n’utilise donc pas de librairie React JS.
Comment faire SVP ?
Merci d’avance.