Въведение в езика 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>;
}

Променете текста вътре в div. Погледнете промените, случили се в браузъра.

Добавете няколко абзаца в div.

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