Condiciones para retornar una etiqueta en JSX
Se puede retornar a través de return una variable
que contenga una etiqueta:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return text;
}
Supongamos que en la constante isAdmin se almacena
true si el usuario es administrador, y false
si no lo es:
function App() {
const isAdmin = true;
}
Haz que si isAdmin
tiene el valor true, se muestre en pantalla
un div con párrafos. En caso contrario, no es
necesario mostrar nada.