如何删除多余的div包装器

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

使用React.Fragment包围内容。

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