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é :
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Le code suivant est donné :
function App() {
const isAuth = false;
return <div>
<p>veuillez vous authentifier</p>
</div>;
}
Faites en sorte que le paragraphe de texte fourni
soit affiché uniquement si isAuth contient
false.
