یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
Navid Goalpure
7 سال پیش توسط Navid Goalpure مطرح شد
1 پاسخ

استایل دهی به صورت inline

سلام
کامپوننتی دارم که به شکل زیر استایل دهی شده:

const styles = {
  main:{.foo    },
  banner:{ boo}
}
.
.
.
<divstyle={styles.main}>

اما از اونجایی که تعداد خطوط مربوط به استایل زیاد شده فایلم شلوغ شده و میخوام ثابت استایلز رو توی یک فایل جداگانه تعریف کنم و به این فایل ایمپورت کنم. میتونین راهنماییم کنین که شکل فایلی styles.js و نحوه قرارگیریش توی فایل کامپوننتم باید چه شکلی باشه؟


ثبت پرسش جدید
Navid Goalpure
@navid.goalpure 7 سال پیش آپدیت شد
0

پاسخی که گرفتم:

style.js:

const styles = {  
main:{.foo },  
banner:{ boo}  
}  
export default styles;

component.js:

import styles from 'styles';

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام