html - 使用外部 css 和引导框架类进行 react

Question

抱歉，如果标题看起来不准确。

我正在对我的 webpack 进行更改以在我的组件/容器中使用外部 css。

我还在使用内置类的 Bootstrap。

现在，我想在元素上使用外部类和引导类。

例如考虑这个，我们正在像这样导入我们的外部 css

import Classes from './signup.css'

因为我们也在使用 boostrap，所以我的按钮元素应该是这样的

<button type="submit" className="btn mx-auto btn-primary" onClick={this.submitHandler}>Submit</button>

通过在 webpack 中进行更改，我们可以像这样使用 CSS

className={Classes.something} 

现在我想将此 CSS 与我的 Bootstrap 类一起使用，并且由于一个元素不能有两个类名，我对如何继续感到困惑。

有人可以帮助我吗？

Answer 1

你试过这样做吗？

className={`class1 ${Classes.something}`}

在这个堆栈问题中也提到了这一点: Stack Overflow