Lección 6 de 10
Renderizado condicional
Renderizado condicional significa mostrar UI diferente según condiciones. Usa if, operadores ternarios o && para mostrar elementos solo cuando corresponde.
REACT
function Greeting({ isLoggedIn }) {
if (isLoggedIn) {
return <h1>Welcome back!</h1>;
}
return <h1>Please sign in.</h1>;
}
// Usar && para condiciones simples
function Notification({ message }) {
return (
<div>
{message && <p>{message}</p>}
</div>
);
}