如何在reactjs的reactjs中使用Styled-components包含特殊字符？

Question

我尝试在我的应用中使用reactstrap。

如果我使用CSS样式表，它可以工作：

import 'bootstrap/dist/css/bootstrap.css';
import { Button } from 'reactstrap';
...
<p className="text-warning">
  Etiam porta sem malesuada magna mollis euismod.
</p>

但正如其他模块所介绍的那样，

我想在CSS模块风格中使用boostrap。

import bs from 'bootstrap/dist/css/bootstrap.css';
import { Button } from 'reactstrap';
...
<p className={bs.text-warning}>
  Etiam porta sem malesuada magna mollis euismod.
</p>

它没有作为同伴错误：

ReferenceError: warning is not defined

您可以看到它只识别警告而不是文字警告。如何使jsx引擎识别整个样式名称而不是它的最后一部分。