为什么 React 需要一个封闭标签来返回多个兄弟元素？

【问题标题】：Why does React need an enclosing tag to return multiple sibling elements?为什么 React 需要一个封闭标签来返回多个兄弟元素？
【发布时间】：2021-05-08 09:59:14
【问题描述】：

因此，虽然已知相邻的 JSX 元素必须包装在封闭标记中。我一直无法找到背后的原因。为什么 React 会强制执行这种行为？

【问题讨论】：

因为 HTML 标签在 JSX 中是如何工作的？或者您是在问为什么每个组件都需要返回一个节点数组或单个节点元素？
这能回答你的问题吗？ Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag 和 How to avoid extra wrapping <div> in React?

标签： reactjs

【解决方案1】：

因为：

<div>...</div>
<div>...</div>

会产生这个：

React.DOM.div(...)React.DOM.div(...)

这在语法上没有意义。

另外你不必使用封闭元素，你可以返回数组，例如：

return [
    <div>...</div>
    <div>...</div>
]

别忘了给每个元素添加唯一的key。

【讨论】：