启用 CSS 模块时如何使用 reactstrap？

【问题标题】：How can I use reactstrap when CSS module is enable?启用 CSS 模块时如何使用 reactstrap？
【发布时间】：2018-08-23 21:20:33
【问题描述】：

启用 CSS 模块后如何使用 reactstrap？似乎 reactstrap 无法正常工作。我以前用className={classes.mycss} 打电话给css，但后来我按照https://reactstrap.github.io/ 的说明进行操作，但它仍然没有用。我还在我的index.js 中导入了bootstrap css。知道如何解决这个问题吗？

index.js

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

我的组件

import { Button } from 'reactstrap';

【问题讨论】：

标签： reactjs reactstrap

【解决方案1】：

这种方法存在一定的问题：

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

解决此问题的方法可能是将引导程序添加为全局样式表文件并使用classNames 而不是特定于CSS 模块的styleName。你可以这样做：

将link 标记添加到index.html 文件。

您可以找到讨论here

【讨论】：