Uso del operador && en JSX
Puede que necesitemos insertar texto
si una condición es verdadera, y no hacer nada
si es falsa. Esto se hace usando el operador
&&.
Veamos su funcionamiento con un ejemplo.
En el siguiente código, si show es
true, se insertará un párrafo con el texto,
y si es false, no se insertará nada:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Dado el siguiente código:
function App() {
const isAuth = true;
return <div>
<p>estás autorizado</p>
</div>;
}
Haz que el párrafo de texto mostrado
sólo se muestre si en isAuth hay
true.
