Inverteerimine lühendatud tingimuste jaoks JSX-is

Võib esineda ka vastupidine olukord: on vaja teksti sisestada, kui tingimus on väär, ja mitte teha midagi, kui see on tõene. Selleks tuleb konstandi inverteerimine teha kasutades operaatorit !.

Järgmises näites, kui hide sisaldab false, siis sisestatakse tekstiga lõik:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>palun logige sisse</p>
  </div>;
}