Tengo un sitio web con dos páginas. Al hacer clic en el enlace de navegación, necesito cambiar la página y el nombre del enlace de navegación. Intenté esto:
const [isClicked, setIsClicked] = useState(false); const ClickHandler = () => { setIsClicked(!isClicked); } <NavLink to={isClicked ? '/' : '/profile'} onClick={ClickHandler}><NavPage>{isClicked ? 'Home': 'Profile'}</NavPage></NavLink>pero esto me mostró un error al ir a la página de perfil. El nombre del enlace y el enlace real no cambian, solo cambia la página, se debe hacer clic nuevamente para que todo esté bien.
Otro problema al refrescar en la página de perfil el nombre del enlace vuelve a ser perfil, quiero que sea de inicio.
Para mantener el enlace entre sesiones, el valor debe almacenarse en localStorage o cookies, porque ahora depende del estado.
¿Tal vez sería mejor pasar el enlace de destino a través de accesorios?