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:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>ju lutem, autorizohuni</p>
  </div>;
}