Utilizarea operatorului && în JSX

S-ar putea să avem nevoie să inserăm text, dacă condiția este adevărată și să nu facem nimic, dacă este falsă. Acest lucru se realizează folosind operatorul &&.

Să vedem cum funcționează cu un exemplu. În următorul cod, dacă în show va fi true, atunci se va insera un paragraf cu text, iar dacă va fi false, atunci nu se va insera nimic:

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

Este dat următorul cod:

function App() {
	const isAuth = true;
	
	return <div>
		<p>sunteți autentificat</p>
	</div>;
}

Faceți astfel încât paragraful cu text dat să fie afișat doar dacă în isAuth este scris true.