Что такое (без ребенка) используется для?

Question

https://material-ui.com/components/drawers/#responsive - выдвижной ящик

Фон

Я проверял документацию по пользовательскому интерфейсу материала (в частности, JS в разделе Отзывчивый ящик) , Я нашел <div className={classes.toolbar} /> в коде. Я ожидал, что <div className={...}> всегда имеет хотя бы один дочерний элемент, и все элементы, включая сам <div> и все дочерние элементы, считаются находящимися в классе. Однако, это не имеет никакого ребенка.

Вопрос

Что на самом деле делает <div className={classes.toolbar} />?

Answer 1

Скорее всего, он должен служить своего рода разделителем. Например, если вы хотите, чтобы два элемента <span /> находились на отдельных строках (это встроенные элементы) - просто поместите еще один <div /> между ними. Конечно, css может заставить span вести себя как элементы уровня блока (display: block;), <div /> только для тех, кто по неизвестной причине не хочет использовать css.

Обновление

Проверяя пример на странице документов, вот что на самом деле делает этот класс:

@media (min-width: 600px) {
  .jss319 {
    min-height: 64px;
  }
}

Превращает div в разделитель, который выводит sh содержимое ящика вниз.