Компоненты. Создание компонентов и вложенных компонентов

Создайте новый проект.

Создайте файлы компонентов по следующему списку

App
Папка Header, в ней два компонента Header, Nav
Папка Main, в ней два компонента Main, Sidebar
Папка Footer, в ней компонент Footer.

Компоненты пишутся в функциональном стиле.

Компонент Header содержит следующую верстку:

<header>
 <h1>site_name</h1>
 <h2>site_title</h2>
 cюда импортируется cюда импортируется компонент nav
</header>

Компонент Nav содержит верстку

<nav>
 <ul class="main-navigation">
    здесь будет распечатан props
 </ul>
</nav>

Компонент Main содержит параграф

<p>Text example</p>

Завдання доступні після придбання курсу

Компонент Sidebar содержит просто список

<ul>
<li>Страница 1</li>
<li>Страница 2</li>
<li>Страница 3</li>
</ul>

Завдання доступні після придбання курсу

Компонент Footer содержит верстку

<footer>
	<h3>site_name</h3>
	сюда импортируем компонент nav
</footer>

Завдання доступні після придбання курсу

Выполните импорты указанные ниже. Имя, которое дается при...

Завдання доступні після придбання курсу

В App перед функцией добавьте объект:

const site =...                                         
Завдання доступні після придбання курсу