混用React-Bootstrap与JSS时，如何添加独立CSS的额外样式类？

当然支持，只是你写的语法有误。JSS生成的类名本质就是普通字符串，完全可以和Bootstrap的类名一起使用，只需要遵循HTML类名用空格分隔的规则就行。

正确的写法示例 #

1. 模板字符串拼接（推荐）

<div className={`${myStyle.someWrapper} h-100`}></div>

2. 普通字符串拼接

<div className={myStyle.someWrapper + ' h-100'}></div>

3. 用classnames工具优化（可选）
   如果项目里依赖了classnames库，可以用它更简洁地组合类名：

import classNames from 'classnames';

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

为什么你的写法不对 #

你之前写的className="{myStyle.someWrapper}, h-100"有两个问题：

• 类名之间应该用空格分隔，不是逗号；
• 这种写法会把包含大括号、逗号的整个字符串当成类名，浏览器无法识别JSS生成的实际类名。

JSS只是帮你生成合法的类名字符串，和原生HTML的className规则完全兼容，只要按正常的类名组合方式写就可以。

内容的提问来源于stack exchange，提问作者user15227672