отключить реагировать дополнительный div 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

Существует вариант для этой ситуации. Вам не ясно, что вы имели в виду, но, как я понял, у вас есть и компонент, который имеет div, и чтобы иметь возможность отображать несколько компонентов, вам нужно обернуть с помощью div. Но вместо этого вы можете использовать Fragments! Попробуйте проанализировать эту ссылку и оберните свой компонент Fragment, а не div!

Фрагменты в реакции

Вот так ->

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}