Ներածություն 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>;
}

Փոխեք div-ի ներսի տեքստը: Տեսեք բրաուզերում տեղի ունեցած փոփոխությունները:

Ավելացրեք div-ի ներսում մի քանի պարբերություն:

Ձեր պարբերություններին ավելացրեք դասեր: