Добавить стили в React.Fragment

Question

Я работаю с React, и мои компоненты следуют этой схеме структуры файлов:

- componentName
  |- componentName.tsx
  |- componentName.scss

Есть некоторые из этих компонентов, которые заключаются в <React.Fragment>, например:

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

Есть ли способ выбрать этот элемент в css? Что-то вроде:

React.Fragment {
  padding-top: 30px;
}

Потому что к нему невозможно добавить id или className. Есть идеи?

Answer 1

Как отмечали другие в комментариях, React.Fragment не добавляет никаких дополнительных узлов в DOM. Но в вашем случае кажется, что вам нужно добавить родительский узел. Вы можете добавить дополнение к ChildA или заменить React.Fragment на div. С последним я бы помнил любой стиль, который ожидает 3 элемента (с React.Fragment) и вместо этого получает один элемент (div).