درس 6 من 10
Conditional Rendering
Conditional rendering يعني عرض واجهة مختلفة حسب الحالة. يمكنك استخدام if أو ternary operator أو عامل && لعرض عناصر عند تحقق شرط معين.
REACT
function Greeting({ isLoggedIn }) {
if (isLoggedIn) {
return <h1>Welcome back!</h1>;
}
return <h1>Please sign in.</h1>;
}
// Using && for simple conditions
function Notification({ message }) {
return (
<div>
{message && <p>{message}</p>}
</div>
);
}