Utilisation de l'opérateur && en JSX

Nous pourrions avoir besoin d'insérer du texte si une condition est vraie, et de ne rien faire si elle est fausse. Cela se fait à l'aide de l'opérateur &&.

Regardons son fonctionnement sur un exemple. Dans le code suivant, si show contient true, alors un paragraphe avec le texte sera inséré, et s'il contient false, alors rien ne sera inséré :

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>vous êtes autorisé</p>
  </div>;
}