0
91
Vistas¿Es esta una buena practica?
Estoy haciendo un proyecto con reaccionar y decidí hacer que la funcionalidad de las rutas fuera un poco diferente, puse los detalles de las rutas en un archivo separado como una matriz:
, y en el componente de rutas itero a través de la matriz usando la función de mapa:
. Pero no se si lo que hice es algo recomendable, creen que es mejor poner las rutas de forma estática directamente en el componente o hay alguna solución mejor?
1 Respuestas
Responde la pregunta0
Es mejor usar la función useRoutes proporcionada por el paquete react-router-dom.
Esto hace que su código sea más corto y la autenticación se puede agregar fácilmente mediante este procedimiento.
De esta manera, puede definir las rutas principales como un objeto como:
routes = (loggedIn) => [ { path: '/', children: [ // unprotected routes here ] }, { path: '/main', element: loggedIn ? <Layout /> : <Navigate to='/login' /> children: [ // protected routes here ] } ]Luego devuelva useRoutes en el componente de ruta como:
const { loggedIn } = useSelector((state) => state.auth); return useRoutes(routes(loggedIn), '');API useRoutes: https://reactrouter.com/docs/en/v6/api#useroutes