Inversión para condiciones abreviadas en JSX
Puede haber una situación inversa: necesitas
insertar texto si la condición es falsa, y no
hacer nada si es verdadera. Para hacer esto,
debes invertir la constante usando el
operador !.
En el siguiente ejemplo, si hide es
false, se insertará un párrafo con el texto:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Se da el siguiente código:
function App() {
const isAuth = false;
return <div>
<p>por favor, inicie sesión</p>
</div>;
}
Haz que el párrafo de texto mostrado
aparezca solo si isAuth es
false.
