Invertovanje za skraćene uslove u JSX-u

Može se dogoditi i obrnuta situacija: potrebno je izvršiti umetanje teksta ako je uslov netačan, i ništa ne raditi ako je tačan. Za ovo je potrebno izvršiti invertovanje konstante pomoću operatora !.

U sledećem primeru, ako u hide bude false, ustaćiće se pasus sa tekstom:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>molimo vas, prijavite se</p>
  </div>;
}