使用外部CSS和bootsrap框架类进行反应

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