اختيار الموقع المناسب للحالة

مرحبًا

الخطوة 1: من يستخدم هذه الحالة؟

الحالة المحلية

function Toggle() {
  const [on, setOn] = useState(false);
  return <button onClick={() => setOn(!on)}>{on ? 'On' : 'Off'}</button>;
}

الخطوة 2: اعثر على السلف المشترك

الحالة المرفوعة (مستويان إلى 3 مستويات)

الخطوة 3: هل أصبح تمرير الخصائص عميقًا أكثر من اللازم؟

حالة Context

الخطوة 4: هل الحالة معقّدة أو مشتركة بين الصفحات؟

حالة الخادم مختلفة

المخطط الانسيابي لاتخاذ القرار

تحقّق سريعًا

مراجعة

اكتمل المقرر