Invertovanie pre skrátené podmienky v JSX

Môže nastať aj opačná situácia: je potrebné vykonať vloženie textu, ak je podmienka nepravdivá, a nič nevykonávať, ak je pravdivá. Na to je potrebné vykonať invertovanie konštanty pomocou operátora !.

V nasledujúcom príklade, ak v hide bude false, vloží sa odsek s textom:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>prosím, autorizujte sa</p>
  </div>;
}