Returning Multiline JSX Cleanlyإرجاع عدة أسطر بأمان
ابنِ أول مكون دالي في React بدوال JavaScript القياسية، والتزم بقاعدة التسمية PascalCase وإرجاع عدة أسطر بأمان، وركّب المكونات المتداخلة مع تجنب فخ تعريف مكون بداخل آخر.
3 صفوف تعليمية
ReactJS
1 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
عندما يُعيد المكون عنصراً قصيراً في سطر واحد، يمكنك كتابته بجوار كلمة return مباشرة. أما إذا امتدت عناصر JSX على عدة أسطر، فلا بد من إحاطتها بأقواس هلالية يبدأ قوسها المفتوح على نفس سطر return (.
إغفال هذه الأقواس وترك سطر return منفرداً يفعّل آلية الإدراج التلقائي للفاصلة المنقوطة (ASI) في محرك اللغة، فتتحول العبارة بصمت إلى return; وتُعيد القيمة undefined بدلاً من رسم عناصر الواجهة.
الصف 2
صورة توضيحية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (بناء أول مكون دالي في React)
