Inversion pour les conditions raccourcies en JSX

La situation inverse peut également se produire : il faut insérer du texte si la condition est fausse, et ne rien faire si elle est vraie. Pour cela, il faut inverser la constante à l'aide de l'opérateur !.

Dans l'exemple suivant, si hide contient false, alors un paragraphe avec le texte sera inséré :

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>veuillez vous authentifier</p>
  </div>;
}