Инвертирање за скратени услови во JSX

Може да има и обратна ситуација: треба да се изврши вметнување на текст, ако условот е ложен, и ништо да не се прави, ако е вистинит. За ова треба да се изврши инвертирање на константата со помош на операторот !.

Во следниот пример, ако во hide има false, тогаш ќе се вметне параграф со текст:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>ве молам, авторизирајте се</p>
  </div>;
}