如何添加从单独的 CSS 文件获取样式的附加类？

Question

我正在使用react-bootstrap和JSS，这可能不是最好的主意。但这就是事实。 现在我正在尝试应用一些 Bootstrap 类，同时还使用 JSS 应用样式。

这可能吗？我似乎找不到任何例子。

这只是JSS的一个典型例子

<div className={myStyle.someWrapper}></div>

这就是我正在尝试做的事情

<div className="{myStyle.someWrapper}, h-100"></div>

JSS 支持这个吗？

Answer 1

我正在使用 clsx 包。 它对于动态场景非常有用 https://www.npmjs.com/package/clsx

您也可以传递类对象、类条件基数组。

1. 为此安装此软件包

   npm i clsx

2. 导入

   import clsx from 'clsx';

   // 或者

   import { clsx } from 'clsx';

3. 使用

   <div className={clsx(myStyle.someWrapper,"h-100")}></div>