使用外部 css 和引导框架类做出反应

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 与我的引导类一起使用，并且由于一个元素不能有两个类名，我对如何继续感到困惑。

有人可以帮我吗？

Answer 1

你试过做这样的事情吗？

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

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