reactjs - React-bootstrap 无法正常工作

Question

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

我的这段代码包含我的index.js 文件中的所有导入以及我的index.html 中的样式表导入

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

这是我用来创建按钮的

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

Answer 1

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

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