reactjs - 如何与多个 child 一起使用 Next.js Link？

Question

如何使用Link在 Next.js 中有多个 <div>在这里面 <div> ？我有 Link 的 img 标签，链接段落，链接标题。

Error: Multiple children were passed to with href of/article but only one child is supportedhttps://nextjs.org/docs/messages/link-multiple-children Open yourbrowser's console to view the Component stack trace.

<Link href="/article" title="">
      <div >
          <h4>{props.featurename}</h4>
          <a href="/author"><h3>{props.featuredesc}</h3></a>
      </div>
      <div className="img-entry">
          <Image src="/images/more-img.png" width={265} height={290} title="" alt="" />
      </div>
</Link>

Answer 1

使用片段将多个元素分组到一个在树中不可见的主要子元素下。 ( https://reactjs.org/docs/fragments.html#gatsby-focus-wrapper )

      <Link ***href***="/article" title="">
       <>
        <div >
          <h4>{props.featurename}</h4>
          <a href="/author"><h3>{props.featuredesc}</h3></a>
        </div>
        <div className="img-entry">
          <Image src="/images/more-img.png" width={265} height={290} title="" alt="" />
        </div>
       </>
      </Link>