Estoy usando <Link/> de react-router-dom para la navegación. Y quería cambiar la página en el nivel actual en el que estoy, lo que significa cambiar solo el último punto final.
Tengo una estructura de URL con la siguiente jerarquía
/animals/cat /animals/dog Y quería ir al dog mientras estoy en la página del cat usando <Link/ > y viceversa. ¿Existe una manera más fácil de cambiar solo el último punto final de cat a dog cuando se usa un enlace en la página?
Intenté lo siguiente
Este anexo /dog al final de cualquier URL en la que me encuentre
<Link to="./dog"> //leads to the url /cat/dog instead of /animals/dog <Link to="dog"> //leads to the url /cat/dog instead of /animals/dog Y esto reemplaza todo en la url a /dog
<Link to="/dog"> //leads to the url /dog instead of /animals/dog <Link to="../dog"> //leads to the url /dog instead of /animals/dog ¿Hay una manera fácil de hacer esto en el propio componente Link en lugar de usar ganchos u otros métodos?
Terminé usando el siguiente gancho
import {useLocation} from "react-router-dom"; const location = useLocation(); <Link to={useLocation().pathname + "/../dog"}/>escribe si tienes mejores soluciones
umm No estoy seguro si quieres esto o algo más, todo lo que tienes que hacer es
<Link to="/animals/dog"/>