Tengo un logotipo de imagen en mi sitio web ReactJS que tiene un enlace para cargar la URL de la página actual. Puedo ver que la URL es correcta (cuando paso el mouse sobre la imagen, la URL correcta se muestra en la esquina inferior izquierda del navegador), pero cuando hago clic en la imagen, la página no se vuelve a cargar (esencialmente no hace nada, no incluso un re-renderizado).
<Link to={`${window.location.pathname}`}> <img className="img-fluid" src={Logo} alt="Alt_Text" /> </Link>¿Hay alguna forma de volver a cargar la página sin usar un controlador onClick en el enlace?
Si desea forzar la recarga de la ventana, puede intentar usar window.location.reload() en cualquier evento que desee activar.
React-Router-Dom solo redirigirá su historial de URL solo si detecta algún cambio, y no recargará la página en absoluto porque React se usa generalmente para crear aplicaciones de una sola página (SPA). Por lo tanto, lo que está preguntando contradice el principio de React y React-Router-Dom.
prueba estos:
Enlace de usuario:
<Link to={`${window.location.pathname}`} onClick={()=>{window.location.reload()}}> <img className="img-fluid" src={Logo} alt="Alt_Text /></Link>O usa una etiqueta:
<a href={`${window.location.pathname}`}><img className="img-fluid" src={Logo} alt="Alt_Text /></a>