css - 禁用 react 额外的 div 包装器

Question

是否可以禁用 react disable react extra div wrapper？我正在使用 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>
  );
}