Εισαγωγή στη γλώσσα JSX στο React

Η γλώσσα 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 πολλές παραγράφους.

Προσθέστε στις παραγράφους σας κλάσεις.