Invertiranje za skrajšane pogoje v JSX

Lahko pa je tudi obratna situacija: vstaviti je treba besedilo, če je pogoj napačen, in ne narediti ničesar, če je resničen. Za to je treba invertirati konstanto z uporabo operatorja !.

V naslednjem primeru, če bo v hide false, se bo vstavil odstavek z besedilom:

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

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