Lektion 6 af 10
Conditional Rendering
Conditional rendering betyder, at du viser forskelligt UI baseret på betingelser. Brug if-statements, ternary operators eller &&-operatoren til at render elementer betinget.
REACT
function Greeting({ isLoggedIn }) {
if (isLoggedIn) {
return <h1>Welcome back!</h1>;
}
return <h1>Please sign in.</h1>;
}
// Brug && til simple betingelser
function Notification({ message }) {
return (
<div>
{message && <p>{message}</p>}
</div>
);
}