如何删除额外的div包装器

Question

是否有可能禁用反应禁用反应额外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>
    )

该组件通过custom-tag调用。

Answer 1

使用React.Fragment来封闭内容。

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