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 болған жағдайда ғана көрсетілетіндей етіп жасаңыз.