Разметкой решаются задачи позиционирования компонентов. Разметка реализуется повторно используемым
компонентом. Через свойства компонента передаются узлы (propTypes.node) для вставки в
соответствующие области разметки.
<LayoutPage
top={<MenuTop items={}/>}
center={this.children}
footer={}/>Вынос разметки в отдельные компоненты делает код более чистым, компактным. Чётко разделяется ответственность компонентов. Не менее важным является повторное использование разметки в разных разделах проекта.
Компонент разметки должен быть простым в использовании без дополнительных деклараций ради универсальности. Иначе выйдет, что все равно разметкой занимаемся.