Компоновка React-компонентов
Поскольку задачи продолжают использовать более сложные композиции с компонентами React и JSX, есть еще один важный момент. Рендеринг классовых компонентов в других компонентах ничем не отличается от рендеринга функциональных компонентов, которые вы использовали в последних нескольких задачах. Вы можете отображать элементы JSX, функциональные компоненты без состояния и классовые компоненты в других компонентах.
В редакторе компонент TypesOfFood уже вызывает компонент под названием Vegetables . Кроме того, из последней задачи есть компонент Fruits. Выведите два компонента внутри Fruits - сначала NonCitrus , а затем Citrus . Оба этих компонента предоставляются вам в фоновом режиме. Затем внутри компонента TypesOfFood выведите компонент Fruits ниже заголовка h1, но выше Vegetables . Результатом должен быть ряд вложенных компонентов, который использует два разных типа компонентов.