description

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

- 10 ماه پیش
توسط Navid Goalpure آپدیت شد
Navid Goalpure ( 64 تجربه )
10 ماه پیش

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

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

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

Navid Goalpure ( 64 تجربه )
10 ماه پیش

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

style.js:

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

component.js:

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