Χρήση του τελεστή && στο JSX

Μπορεί να χρειαστεί να εισάγουμε κείμενο, εάν μια συνθήκη είναι αληθής, και να μην κάνουμε τίποτα, εάν είναι ψευδής. Αυτό γίνεται χρησιμοποιώντας τον τελεστή &&.

Ας δούμε πώς λειτουργεί με ένα παράδειγμα. Στον ακόλουθο κώδικα, εάν το show είναι true, τότε θα εισαχθεί μια παράγραφος με κείμενο, ενώ εάν είναι false, τότε δεν θα εισαχθεί τίποτα:

function App() {
	const show = true;
	
	return <div>
		{show && <p>text</p>}
	</div>;
}

Δίνεται ο ακόλουθος κώδικας:

function App() {
	const isAuth = true;
	
	return <div>
		<p>είστε πιστοποιημένοι</p>
	</div>;
}

Κάντε έτσι ώστε η παράγραφος με το κείμενο να εμφανίζεται μόνο εάν το isAuth είναι true.