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

Question

启用CSS模块时如何使用reactstrap？它似乎反应堆不能正常工作。我用css来呼叫className={classes.mycss}，但后来我按照https://reactstrap.github.io/的说明进行操作，但仍然无效。我还在bootstrap css中导入了index.js。知道如何解决这个问题吗？

index.js

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

myComponent的

import { Button } from 'reactstrap';

Answer 1

这种方法存在一些问题：

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

解决此问题的方法可能是将bootstrap添加为全局样式表文件，并使用classNames而不是特定于CSS模块styleName。 您可以通过以下方式执行此操作：

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

您可以找到讨论here