الخدمات الأعمال تعلّم من أنا تواصل
0/10
درس 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>
  );
}
🧠

اختبار سريع

أجب إجابة صحيحة لفتح الدرس التالي.

ادعم المهمة

منصة التعلم هذه مجانية 100%: بلا إعلانات، بلا تتبع، وبلا اشتراكات مدفوعة. إذا ساعدتك على تعلم شيء مفيد، يمكنك دعم الدروس القادمة أو التبرع لأطباء بلا حدود، وهي منظمة تقدم رعاية طبية طارئة في مناطق الأزمات حول العالم.

🎉

أكملت React!

أنهيت مسار React بالكامل: 10 درساً مع الاختبارات. أصبحت الآن تعرف الأساسيات.