Leçon 6 sur 10
Rendu conditionnel
Le rendu conditionnel signifie afficher une interface selon une condition. Vous pouvez utiliser if, l’opérateur ternaire ou &&.
C’est courant pour afficher des messages de chargement, des erreurs, des boutons ou des états connectés.
REACT
function Greeting({ isLoggedIn }) {
if (isLoggedIn) {
return <h1>Welcome back!</h1>;
}
return <h1>Please sign in.</h1>;
}
// Utiliser && pour les conditions simples
function Notification({ message }) {
return (
<div>
{message && <p>{message}</p>}
</div>
);
}