Inverteren voor verkorte voorwaarden in JSX

Er kan ook een omgekeerde situatie zijn: er moet tekst worden ingevoegd als de voorwaarde onwaar is, en niets worden gedaan als deze waar is. Hiervoor moet de constante worden geïnverteerd met behulp van de operator !.

In het volgende voorbeeld, als in hide false staat, wordt een alinea met tekst ingevoegd:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>log in alstublieft</p>
  </div>;
}