reactjs - 如何仅在 ReactJS 中的组件上使用 reactstrap？

Question

发生了什么，在我正在使用的元素中，没有使用 bootstrap，因此，当我安装 bootstrap 以使用 Reactstrap 时出现问题。我想要我当前使用的组件，使用我需要的 Reactstrap，而不是改变我的整个元素，因为它覆盖了我的元素样式，这是错误的。

在我的组件中，我导入了以下内容:

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

我的观点:

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

我想知道如何在不改变整个元素的情况下仅将 Reactstrap 用于我的 View 和组件。谢谢!

Answer 1

我认为您最好的选择是仅从 bootstrap.css 中提取该组件所需的 css - 这样做的好处是不会使您的网站膨胀。

仅复制所需的 css 类并将它们放入您自己的 css 文件中 - 然后导入它。