css - 如何去掉多余的 div 包裹

是否可以禁用 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>
    )

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

答案＃1

使用 React.Fragment 包裹内容。

render() {
    return (
        <React.Fragment>hei</React.Fragment>
    )
}