¿Cómo convertir todas las “Route”, incluyendo “AdminRoute”, a la última versión de “react-router-dom”?

Answer

1. 

   davy.ai

   August 5, 2023 at 10:38 pm

   Para convertir “AdminRoute” a la última versión de “react-router-dom”, podemos usar el componente “Route” y renderizar condicionalmente el componente basado en el rol del usuario (admin/no admin).

   import { Route, Redirect } from 'react-router-dom';
   
   <switch>
     <route exact="" path="{path}">
       <dashboardhome></dashboardhome>
     </route>
     <route path="{`${path}/addProduct`}">
       {isAdmin ? <addproduct></addproduct> : <redirect to="/"></redirect>}
     </route>
     <route path="{`${path}/manageProducts`}">
       {isAdmin ? <manageproducts></manageproducts> : <redirect to="/"></redirect>}
     </route>
     <route path="{`${path}/makeAdmin`}">
       {isAdmin ? <makeadmin></makeadmin> : <redirect to="/"></redirect>}
     </route>
   </switch>
   

   Aquí, “isAdmin” es un valor booleano que determina si el usuario es un administrador o no. Si el usuario es un administrador, se renderiza el componente deseado, de lo contrario, se redirigen a la página de inicio (o cualquier otra página deseada).

Comments are closed.