Invertering af korte betingelser i JSX

Der kan også være den omvendte situation: du skal udføre indføjelse af tekst, hvis betingelsen er falsk, og ikke gøre noget, hvis den er sand. For at gøre dette skal du udføre invertering af konstanten ved hjælp af operatoren !.

I det følgende eksempel, hvis hide indeholder false, vil et afsnit med teksten blive indsat:

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

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