React-тегі JSX тіліне кіріспе

JSX тілі - бұл кәдімгі JavaScript, бірақ кейбір қосымшалары бар, олар тегтерді тікелей кодта, тырнақшасыз жазуға мүмкіндік береді.

Тегтерді return арқылы қайтаруға болады:

function App() {
	return <div>
		мәтін
	</div>;
}

Тегтерде атрибуттар болуы мүмкін:

function App() {
	return <div class="eee">
		мәтін
	</div>;
}

Тегтерді айнымалыларға немесе константаларға жазуға болады:

function App() {
	const  elem = <div>мәтін</div>;
	return elem;
}

Сіздің негізгі компонентіңізде келесі функция бар:

function App() {
	return <div>
		мәтін
	</div>;
}

Див ішіндегі мәтінді өзгертіңіз. Браузерде болған өзгерістерді қараңыз.

Дивке бірнеше абзац қосыңыз.

Абзацтарыңызға класс қосыңыз.