Expressions vs Statements Ruleالتعابير المسموحة والجمل الممنوعة
ضمّن تعابير JavaScript الديناميكية في النصوص والسمات عبر الأقواس المعقوفة، وميّز التعابير عن الجمل البرمجية، وتعرف على الحماية التلقائية ضد هجمات XSS ومواضع كسرها.
3 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
لماذا يعمل المعامل الثلاثي {count > 0 ? 'Available' : 'Sold Out'} بسلاسة داخل JSX بينما يفشل كتابة {if (count > 0)} فوراً؟ لأن ما بداخل المعقوفات يُمرر كوسيط لدالة إنشاء العنصر، لذا يقبل فقط التعابير المنتجة لقيمة (Expressions) ويرفض الجمل التحكمية (Statements) مثل if وfor وswitch.
وعندما يتشعب الشرط، احسب النتيجة أولاً بجمل if/else عادية قبل سطر return في متغير محلي، ثم اعرض المتغير بنظافة داخل {statusLabel}.
الصف 2
صورة توضيحية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (تعابير JavaScript والحماية من XSS داخل JSX)
