Invertierung für verkürzte Bedingungen in JSX

Es kann auch die umgekehrte Situation auftreten: Es muss Text eingefügt werden, wenn die Bedingung falsch ist, und nichts unternommen werden, wenn sie wahr ist. Dazu muss die Konstante mit dem Operator ! invertiert werden.

Im folgenden Beispiel wird, wenn in hide false steht, ein Absatz mit dem Text eingefügt:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>Bitte loggen Sie sich ein</p>
  </div>;
}