Inverze pro zkrácené podmínky v JSX

Může nastat i opačná situace: je potřeba vložit text, pokud je podmínka nepravdivá, a nic nedělat, pokud je pravdivá. K tomu je potřeba provést inverzi konstanty pomocí operátoru !.

V následujícím příkladu, pokud bude v hide false, vloží se odstavec s textem:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>prosím, přihlaste se</p>
  </div>;
}