إضافة الأنماط في React

في React، تحدد فئة CSS باستخدام className. تعمل هذه الطريقة بنفس طريقة خاصية class في HTML:

<img className="avatar" />

ثم تكتب قواعد CSS الخاصة بها في ملف CSS منفصل:

/* في ملف CSS الخاص بك */ .avatar {   border-radius: 50%; }

 React لا يحدد كيفية إضافة ملفات CSS. في أبسط الحالات، يمكنك إضافة وسم <link> إلى HTML الخاص بك. إذا كنت تستخدم أداة بناء أو إطار عمل، فاستشر وثائقها لتتعلم كيفية إضافة ملف CSS إلى مشروعك.