راکت

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

1 پاسخ

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

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

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

ثبت پرسش جدید

پاسخ‌ها

1
Navid Goalpure
Navid Goalpure
@navid.goalpure

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

style.js:

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

component.js:

import styles from 'styles';

شاید پاسخ شما همین‌جا باشد

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

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