Інвертаванне для скарочаных умоў у 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>;
}