React 组件中是不是有任何必需的 div 包装器

Posted 2023-02-21

【中文标题】React 组件中是不是有任何必需的 div 包装器

【英文标题】：Is there any required div wrapper inside a React componentReact 组件中是否有任何必需的 div 包装器

【发布时间】：2014-04-02 08:14:49

【问题描述】：

我使用 React JS 创建了一个菜单：

var Dropdown = React.createClass(
  render: function() 
    return (
      <Title />
      <OptionsDropdown />
    );
  
);

其中 Title 和 OptionsDropdown 是其他 React 类。 问题是这段代码有错误，直到我把它们包裹在一个像这样的 div 周围：

var Dropdown = React.createClass(
  render: function() 
    return (
      <div class="something">
        <Title />
        <OptionsDropdown />
      </div>
    );
  
);

当我不希望 div 被包裹在 Title 和 OptionsDropdown 之外时，有没有更好的方法来处理这种情况。

【参考方案1】：

最后。我发现 React JS 的渲染函数中最多有一个根节点。最好用 div 包裹它。