Как использоватьactstrap только для компонента в ReactJS?

Question

что происходит, так это то, что в проекте, с которым я работаю, загрузчик не используется, и поэтому возникает проблема, когда я устанавливаю загрузчик для использования Reactstrap.Я хотел бы, чтобы компонент, который я сейчас использую, использовал то, что мне требуется от Reactstrap, и не изменял весь мой проект, поскольку он переопределяет стили моего проекта, и это неправильно.

В моем компоненте я импортирую следующее:

import {
  ButtonDropdown,
  DropdownToggle,
  DropdownMenu,
  DropdownItem,
} from 'reactstrap';

И мой взгляд:

import '../../../node_modules/bootstrap/dist/css/bootstrap.css';

Я хотел бы знать, как использовать Reactstrap только для моего вида и компонента без изменения всего проекта.Спасибо!

Answer 1

Я думаю, что вашей лучшей ставкой будет извлечение только CSS из bootstrap.css, который вам необходим для этого компонента - это даст вам преимущество, не увеличивая ваш сайт.

Скопируйте только необходимые классы CSSи поместите их в свой собственный файл CSS - затем импортируйте это.