Tengo enlaces guardados en Firebase DB, cuando hago clic en "guardar", el enlace se actualizará, pero cuando hago clic en el ícono del enlace, me redirige a la página de inicio. Ejemplo: el enlace en la base de datos es "www.instagram.com", cuando hago clic en el icono me redirigirá a la casa con esta url "localhost:3000/www.instagram.com", pero cuando hago el registro de la consola solo registra "www.instagram.com", ¿alguien puede ayudarme, por favor?
formInputs es un objeto simple
<a target="_blank" href={formInputs.ig} onClick={() => { console.log(formInputs.ig); }} > <FontAwesomeIcon className="icons" icon={faInstagram} color="purple" size="2x" /> </a>Intenté usar el componente Link de react-router-dom pero hace lo mismo
En resumen: intente utilizar una URL absoluta completa junto con el protocolo. En lugar de uno corto. En este caso, puede cambiar el valor a https://www.instagram.com .
Fuente del documento: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
Posibles valores de href :
La diferencia clave es // al principio. Sin él, su navegador está considerando su "www.instagram.com" dado como una URL relativa y está tratando de calcular la ruta en función de su ubicación actual.
Y si solo está usando //www.instagram.com , el navegador usará el mismo protocolo que la página actual, por ejemplo, http://localhost -> http://www.instagram.com