Как удалить лишнюю упаковку 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>
    )

Компонент вызывается через пользовательский тег.

Answer 1

Используйте React.Fragment для включения содержимого.

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