"Warning: Function components cannot be given refs" 在 nextJs 中使用 Link 时出错

Question

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

我在 nextJs 中将图像标签包装在 Link 标签中时出现此错误：

<Link href="/">
   <Image src={logo} width={50} height={50} className="btn rounded-full bg-transparent" />
</Link>

Answer 1

该错误意味着您传递的元素不能用于转发引用，因此使用任何允许的元素都可以。在这种情况下，通常您会将其包装在 <a> 标记中。即

<Link>
   <a>
      <Image />
   </a>
</Link>

"Warning: Function components cannot be given refs" error while using Link in nextJs