Navid Goalpure
5 سال پیش توسط Navid Goalpure مطرح شد
1 پاسخ

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

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

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

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


reactjs
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
Navid Goalpure
@navid.goalpure 5 سال پیش آپدیت شد
0

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

style.js:

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

component.js:

import styles from 'styles';

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

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