Введение в язык JSX в React

Язык JSX - это обычный JavaScript, но с некоторыми дополнениями, позволяющими писать теги прямо в коде, без кавычек.

Теги можно возвращать через return:

function App() {
	return <div>
		text
	</div>;
}

У тегов могут быть атрибуты:

function App() {
	return <div class="eee">
		text
	</div>;
}

Теги можно записывать в переменные или константы:

function App() {
	const  elem = <div>text</div>;
	return elem;
}

В вашем основном компоненте есть следующая функция:

function App() {
	return <div>
		text
	</div>;
}

Поменяйте текст внутри дива. Посмотрите на изменения, произошедшие в браузере.

Добавьте в див несколько абзацев.

Добавьте вашим абзацам классы.