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

Posted

技术标签:

【中文标题】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 包裹它。

【讨论】:

以上是关于React 组件中是不是有任何必需的 div 包装器的主要内容,如果未能解决你的问题,请参考以下文章