شرح صفوف ومحتوى الفقرة
يقع كثير من المبتدئين في خطأ وسم دالة التأثير نفسها بالكلمة المفتاحية async عبر كتابة useEffect(async () => { ... }, []). في لغة JavaScript تعيد أي دالة async كائن وعد Promise تلقائياً، في حين تشترط React أن تعيد دالة useEffect() إما قيمة فارغة undefined أو دالة تنظيف متزامنة تستدعيها المكتبة عند إزالة المكون.
للاستفادة من وضوح صياغة async/await دون الإخلال بعقد التأثير، اترك الدالة الخارجية متزامنة وعرّف بداخلها دالة async function loadData() ثم استدعها مباشرة.