Inwersja dla skróconych warunków w JSX

Może zaistnieć również sytuacja odwrotna: należy wstawić tekst, jeśli warunek jest fałszywy, i nic nie robić, jeśli jest prawdziwy. Aby to zrobić, trzeba wykonać inwersję stałej za pomocą operatora !.

W następującym przykładzie, jeśli w hide będzie false, wstawiony zostanie akapit z tekstem:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>proszę, zaloguj się</p>
  </div>;
}