Инвертирование для сокращённых условий в JSX

Инчунин метавонад ҳолати баръакс бошад: ниёз аст, ки матн ҷойгир карда шавад, агар шарт нодуруст бошад, ва ҳеҷ коре накарда шавад, агар дуруст бошад. Барои ин лозим аст, ки инвертированиеи константа бо истифода аз оператори ! иҷро карда шавад.

Дар мисоли навбатӣ, агар дар hide false бошад, он гоҳ абзас бо матн ҷойгир карда мешавад:

function App() {
	const hide = false;
	
	return <div>
		{!hide && <p>text</p>}
	</div>;
}

Коди зерин дода шудааст:

function App() {
	const isAuth = false;
	
	return <div>
		<p>лутфан, авторизатсия кунед</p>
	</div>;
}

Чунон кунед, ки абзаси додашуда бо матн фақат он вақт намоиш дода шавад, агар дар isAuth false сабт шуда бошад.