Question

是否可以禁用react disable react react额外的div包装器？我正在使用ES2015。

包装器使我的样式变得不像我的组件在C＃中居中。

#First div
.default-content {
    margin-right: auto;
    margin-left: auto;
    padding: 16px 16px 16px 16px;
}

#second div
.full-width {
    width:100%;
}

代码在呈现时看起来像这样。

    <react-container params="component: MontelUI.React.CompactStory, args: { 
     newsId: 955888, userId: 1003465, bookmarkMainProp: false  }">
       <div>
           <div>hei</div>
       </div>
    </react-container>

我的渲染功能如下：

render() {

    return (
        <div>hei</div>
    )

该组件通过自定义标签调用。

Answer 1

有这种情况的选项。您不清楚含义是什么，但据我了解，您拥有一个具有div的组件，并且要能够呈现需要用div包装的多个组件。但是，您可以使用Fragments代替它！尝试分析此链接，并用Fragment而不是div包装您的组件！

Fragments in React

喜欢--

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}

禁用react额外的div包装器

1 个答案: