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é :
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Voici le code suivant :
function App() {
const isAuth = true;
return <div>
<p>vous êtes autorisé</p>
</div>;
}
Faites en sorte que le paragraphe avec le texte donné
ne s'affiche que si isAuth contient
true.
