Invertering for forkortede betingelser i JSX

Det kan også være den omvendte situasjonen: du må sette inn tekst hvis betingelsen er usann, og gjøre ingenting hvis den er sann. For å gjøre dette må du invertere konstanten ved hjelp av operatoren !.

I det følgende eksempelet, hvis hide er false, vil et avsnitt med tekst bli satt inn:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>vennligst logg inn</p>
  </div>;
}