0
756
VistasAdvertencia: los componentes de función no se pueden dar refs. Los intentos de acceder a esta referencia fallarán. ¿Querías usar React.forwardRef()?
Tengo esta advertencia en mi consola, cuando uso el componente nextJs Link . ¿Me pueden ayudar a resolver este problema y explicarme por qué?
aquí está el mensaje de la consola
aquí está mi pieza de código
import React from "react"; import Image from 'next/image' import Link from 'next/link' import logo from '/public/Images/E2R5_white.png'; const Logo = () => { return ( <div className=""> <Link href="/"> <Image src={logo} height="50" width={"80"} alt="Logo - E2R5" /> </Link> </div>) } export default Logo;Gracias por tu ayuda .
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
La solución rápida es usar la etiqueta <a> dentro de Link .
<Link href="/"> <a> <Image src={logo} height="50" width={ "80"} alt="Logo - E2R5" /> </a> </Link>Enlace útil para leer: https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-funcional-component
·
Juan Pablo Isaza
Denunciar
Responde la pregunta