جلب البيانات

جزء من دورة React

يكاد لا يوجد تطبيق حقيقي يكتفي بعرض بيانات يملكها المستخدم على شاشته أصلًا. ففي لحظة ما يحتاج مكوّن إلى أن يطلب شيئًا من خادم، قائمة مستخدمين، أو تفاصيل منتج، أو صفحة نتائج بحث، وحتى تصل تلك الإجابة تمرّ فترة لا يملك فيها المكوّن ما يعرضه بعد، مع احتمال حقيقي ألا تصل الإجابة إطلاقًا لأن الشبكة تعطلت. والمكوّن الذي لا يعرف سوى عرض "البيانات" ينهار في اللحظة التي تقع فيها أي من هاتين الحالتين العاديتين.

الاتصال بخادم أثر جانبي، أي شيء يمتد خارج "احسب JSX هذا المكوّن من خصائصه وحالته الحاليتين"، وهو من عائلة تشغيل مؤقّت أو فتح اتصال. فلو استدعيت fetch مباشرة في جسم المكوّن، لانطلقت مع كل عملية عرض بلا استثناء، بما في ذلك عمليات عرض حدثت لأسباب لا علاقة لها بالحاجة إلى بيانات جديدة، ولحاول كل استدعاء منها في النهاية تحديث الحالة، فيطلق عرضًا آخر، فجلبًا آخر.