Conditions pour retourner un tag en JSX
Il est possible de retourner via return une variable
contenant un tag :
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return text;
}
Supposons que la constante isAdmin contienne
true si l'utilisateur est un administrateur, et false
dans le cas contraire :
function App() {
const isAdmin = true;
}
Faites en sorte que si isAdmin
a la valeur true, un div avec des paragraphes
soit affiché à l'écran. Dans le cas contraire, rien
ne doit être affiché.