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

Posted 2023-02-21

【中文标题】使用外部 css 和引导框架类做出反应

【英文标题】：React using external css along with bootsrap framework classes

【发布时间】：2018-12-17 10:24:49

【问题描述】：

如果标题看起来不准确，请见谅。

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

有人可以帮我吗？

【问题讨论】：

为什么不呢？ ***.com/q/34521797/863110

【参考方案1】：

你试过做这样的事情吗？

className=`class1 $Classes.something`

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