Вовед во 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-от.

Додадете класи на вашите параграфи.