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

4 سال پیش توسط Navid Goalpure مطرح شد
آفلاین
user-avatar
Navid Goalpure ( 64 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

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

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

آفلاین
user-avatar
Navid Goalpure ( 64 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

style.js:

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

component.js:

import styles from 'styles';
برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.