შესავალი 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>;
}

შეცვალეთ ტექსტი div-ის შიგნით. დააკვირდით ბრაუზერში მომხდარ ცვლილებებს.

დაამატეთ div-ში რამდენიმე აბზაცი.

მიანიჭეთ თქვენს აბზაცებს კლასები.