Invertering för förkortade villkor i JSX

Den omvända situationen kan också uppstå: du behöver sätta in text om villkoret är falskt och inte göra någonting om det är sant. För att göra detta måste du invertera konstanten med hjälp av operatorn !.

I nästa exempel, om hide innehåller false, kommer ett stycke med text att infogas:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>vänligen logga in</p>
  </div>;
}