React да JSX тилига кириш

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

Див ичидаги матнни ўзгартиринг. Браузерда юз берган ўзгаришларга кўзинг.

Дивга бир нечта абзац қўшинг.

Абзацларингизга синфлар қўшинг.