2

启用 CSS 模块时如何使用 reactstrap？似乎 reactstrap 无法正常工作。我过去常常打电话css，className={classes.mycss}但后来我按照这里的说明https://reactstrap.github.io/仍然没有工作。我bootstrap css也在我的index.js. 知道如何解决这个问题吗？

index.js

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

我的组件

import { Button } from 'reactstrap';
4

1 回答 1

1

这种方法存在一些问题：

  1. CSS Modules 将类名本地化为导入它的模块，因此如果您导入 boostrap css，则必须在每个模块中重复此操作。
  2. CSS Modules 需要驼峰式的类名，而引导版本不是。
  3. Bootstrap 样式不是为了本地化到一种语言而编写的。它们通常是用来共享的。
  4. 即使我们使用像Bootstrap CSS Modules这样的包，Reactstrap 依赖于全局类名并且不会工作。

解决此问题的方法可能是将引导程序添加为全局样式表文件并使用classNames而不是 CSS Modules specific styleName. 您可以通过以下方式做到这一点：

  1. 向 index.html 文件添加link标签。

你可以在这里找到讨论

于 2018-03-15T09:28:12.693 回答