Импортированные стили в ReactJS / HTML, JavaScript, VBScript, CSS

ReSQL.ru

2.0.59

Планшетная версия Контакт Правила FAQ Помощь

Гость

Войти | Профиль | Очистить

Нов. | Гор. | Избр.

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Импортированные стили в ReactJS / 2 сообщений из 2, страница 1 из 1

29.12.2018, 15:10

#39754973

Tsyklop

Гость

Импортированные стили в ReactJS

Делаю приложение на ReactJS.

Есть два "модуля" - Admin, Operator.

У каждого модуля свои стили. Есть конечно общие стили. С этим проблем нет. Но вот есть стили которые относятся к модулю. Я их импортирую в компоненте страницы модуля (к примеру LoginPage), к примеру так:

Код: javascript

1.
2.
3.

import '../../style/page/auth/style.css';
import '../../style/page/auth/media.css';
import '../../style/page/auth/custom.css';

Но вот проблема в том что все стили, со всех страниц и модулей вставляются в head страницы. И стили будут перебиваться.

Как это пофиксить? что бы в head вставлялись стили только для нужного модуля.

в index.js у меня есть роутер:

Код: xml

1.
2.
3.
4.
5.
6.
7.

<Router>
    <Switch>
        <Route path="/admin" component={AdminModule}/>
        <Route path="/operator" component={OperatorModule}/>
        <Route component={NotFoundPage}/>
    </Switch>
</Router>

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

11.02.2019, 22:57

#39772540

Vladimir A

Участник

Откуда: toronto
Сообщения: 64
Рейтинг: 0 / 0

Импортированные стили в ReactJS

Tsyklop,

do not do "перебиваться"
think hard before write shitcode

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&mobile=1&tid=1443874]:	0ms
get settings:	10ms
get forum list:	11ms
check forum access:	3ms
check topic access:	3ms
track hit:	67ms
get topic data:	11ms
get forum data:	2ms
get page messages:	35ms
get tp. blocked users:	1ms
others:	234ms

total:	377ms