Next.js - 使用另一个 <div></div> 会引发错误，为什么？

Question

请耐心等待，我刚刚开始探索 Next.js ...我找不到有关两次使用 html 标签时出现的错误的任何信息。它仅适用于一个容器，但一旦我添加另一个容器，我就会得到：

Error: error: Unexpected token "div". Expected jsx identifier

Answer 1

这是因为您试图传递 2 个孩子，但 Next.js 只期望一个。我相信你正在做这样的事情：

return (
    <div>div 1</div>
    <div>another div</div>
)

相反，您需要用另一个标签将它们包装起来：

return (
<>
    <div>div 1</div>
    <div>another div</div>
</>
)