Përmbysja për kushte të shkurtuara në JSX
Mund të ketë edhe situatë e kundërt: duhet të kryhet
futja e tekstit nëse kushti është i rremë, dhe asgjë
të mos bëhet nëse është i vërtetë. Për këtë duhet
të kryhet përmbysja e konstantës duke përdorur
operatorin !.
Në shembullin vijues, nëse në hide do të jetë
false, atëherë do të futet paragrafi me tekst:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Është dhënë kodi vijues:
function App() {
const isAuth = false;
return <div>
<p>ju lutem, autorizohuni</p>
</div>;
}
Bëni që paragrafi i dhënë me tekst
të shfaqet vetëm nëse në isAuth është shkruar
false.