reactjs - 反应引导不能正常工作

Question

所以最近我决定尝试使用 react-bootstrap 库来让我的代码看起来更简单，但由于某种原因，标签无法正常工作。

我的 index.js 文件中有所有导入的代码和 index.html 中的样式表导入

<Button variant="primary">Hello</Button>

这是我用来创建按钮的

我只是不明白为什么它不会使用变体，当我删除变体标签时，它看起来是一样的。

标签： reactjsreact-bootstrap

Answer 1

默认情况下btn btn-default添加了类，您需要使用 覆盖该类className="btn-primary"。这将解决您的问题

   <Button variant="primary" className="btn-primary">Primary</Button>