Ievads JSX valodā React

JSX valoda ir parasts JavaScript, bet ar dažiem papildinājumiem, kas ļauj rakstīt tagus tieši kodā, bez pēdiņām.

Tagus var atgriezt caur return:

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

Tagiem var būt atribūti:

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

Tagu var ierakstīt mainīgajos vai konstantēs:

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

Jūsu galvenajā komponentē ir šāda funkcija:

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

Nomainiet tekstu iekš div. Paskatieties uz izmaiņām, kas notika pārlūkprogrammā.

Pievienojiet div vairākus rindkopas.

Pievienojiet savām rindkopām klases.