React-də JSX dilinə giriş

JSX dili - bu adi JavaScript-dir, lakin bəzi əlavələrlə, birbaşa kodda, dırnaq işarələri olmadan teqlər yazmağa imkan verir.

Teqlər return vasitəsilə qaytarıla bilər:

function App() {
	return <div>
		text
	</div>;
}

Teqlərin atributları ola bilər:

function App() {
	return <div class="eee">
		text
	</div>;
}

Teqlər dəyişənlərə və ya sabitlərə yazıla bilər:

function App() {
	const  elem = <div>text</div>;
	return elem;
}

Sizin əsas komponentinizdə aşağıdakı funksiya var:

function App() {
	return <div>
		text
	</div>;
}

Divin içindəki mətni dəyişdirin. Brauzerdə baş verən dəyişikliklərə baxın.

Divə bir neçə abzas əlavə edin.

Abzazlarınıza siniflər əlavə edin.