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>;
}

Див ичиндеги текстти өзгөртүңүз. Браузерде болгон өзгөрүүлөрдү көрүңүз.

Дивге бир нече абзац кошуңуз.

Абзацтарыңызга класстарды кошуңуз.