"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني تطبيق سمات الفئة بشكل مشروط في React؟

كيف يمكنني تطبيق سمات الفئة بشكل مشروط في React؟

تم النشر بتاريخ 2024-12-28
تصفح:771

How Can I Conditionally Apply Class Attributes in React?

تطبيق سمات الفئة بشكل مشروط في React

في React، من الشائع إظهار أو إخفاء العناصر بناءً على الدعائم التي تم تمريرها من المكونات الأصلية. لتحقيق ذلك، يمكنك تطبيق فئات CSS بشكل مشروط. ومع ذلك، تنشأ مشكلة محتملة عند استخدام بناء الجملة {this.props.condition ? 'show' : 'hidden'} مباشرة داخل سلسلة.

لحل هذه المشكلة، قم بتحريك الأقواس المتعرجة خارج السلسلة، كما هو موضح في هذا المثال المصحح:

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

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3