Úvod do jazyka JSX v Reactu

Jazyk JSX je obyčejný JavaScript, ale s některými rozšířeními, které umožňují psát tagy přímo v kódu, bez uvozovek.

Tagy lze vracet přes return:

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

Tagy mohou mít atributy:

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

Tagy lze ukládat do proměnných nebo konstant:

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

Ve vaší hlavní komponentě je následující funkce:

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

Změňte text uvnitř divu. Podívejte se na změny, které nastaly v prohlížeči.

Přidejte do divu několik odstavců.

Přidejte vašim odstavcům třídy.