Инвертиране за съкратени условия в 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>;
}