En mi enrutador, si agrego "/" a mi ruta, no es enrutamiento. Por ejemplo :
export const AppViews = () => { return ( <Suspense fallback={<Loading cover="content" />}> <Switch> <Route path={`${APP_PREFIX_PATH}/commons`} component={lazy(() => import(`./commons`))} /> <Redirect from={`${APP_PREFIX_PATH}`} to={`${APP_PREFIX_PATH}/commons`} /> </Switch> </Suspense> ); };No es enrutamiento. ("La ruta del prefijo de mi aplicación es" /v1")
export const AppViews = () => { return ( <Suspense fallback={<Loading cover="content" />}> <Switch> <Route path={`${APP_PREFIX_PATH}`} component={lazy(() => import(`./commons`))} /> </Switch> </Suspense> ); };Su enrutamiento. Es un error extraño para mí y no puedo encontrar ninguna solución al respecto. Intenté agregar "exacto" pero tampoco funciona. ¡Gracias por todas las respuestas!
Creo que es porque estás usando ` (comillas invertidas) y no '; React no puede leer `...` como una cadena.
Cuando tiene rutas múltiples que tienen un nombre similar, debe usar el parámetro "exacto".
Por ejemplo, pensemos que tienes 2 raíces diferentes como
<Route path="/v1" component={lazy(() => import(`./v1`))} /> <Route path="/v1/commons" component={lazy(() => import(`./commons`))} />si quiere ir a "/v1/commons", el enrutador de reacción devolverá la primera coincidencia que es "/v1" y no devolverá "/v1/commons".
para evitar eso, debe agregar "exacto". Esto asegurará que un enrutador específico solo devuelva la coincidencia exacta.
<Route path="/v1" exact component={lazy(() => import(`./v1`))} /> <Route path="/v1/commons" component={lazy(() => import(`./commons`))} />