Переопределение одинаковых CSS файлов в разных компонентах в React - PullRequest
0 голосов
/ 23 апреля 2020

Я работаю над проектом, в котором две разные карусели на разных страницах.

Поэтому я установил пакет npm для обработки карусели. Первая карусель Я хочу спроектировать эту карусель, как спросил меня дизайнер, и я создал еще один файл CSS и поместил то же имя класса для переопределенного файла CSS, который приходит из источника пакета npm. поэтому я импортировал этот CSS файл в свой компонент, и все работает хорошо, потому что мой CSS файл переопределяет.

Но вторая карусель имеет другой дизайн. Таким образом, я сделал это так же и БУМ! : (

Когда я запускаю приложение, два CSS файла появляются внутри тега заголовка html, и оба имеют одинаковое имя класса, поэтому обе карусели здесь нарушены.

Возможно ли, что, когда первый компонент работает (например, первая карусель), его CSS файл должен переопределять npm исходный CSS файл, а когда второй работает, его собственный CSS файл должен начинать переопределять npm исходный CSS файл?

Я имею в виду, как я могу переопределить один CSS файл для двух разных компонентов?

Это немного сложно, я знаю, что я новичок в этом мире, поэтому мне нужна ваша помощь.

это пакет: https://www.npmjs.com/package/react-material-ui-carousel

1 Ответ

0 голосов
/ 23 апреля 2020

Какой npm пакет карусели вы используете? Посмотрите документацию, в большинстве случаев вы можете использовать styles={{ width:'10em' }} для переопределения стилей компонентов или какую-либо другую опору, которую вы можете передать для переопределения стиля.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...