reactjs - 样式组件和react-bootstrap

Question

我对 React 相当陌生，并开始检查 React-Bootstrap 以及组件的样式方式。文档清楚地使用 variant 来设计组件的样式:

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

但是，此代码似乎与传统的 className 配合得很好。从功能上和美学上来说，如果我将上面的代码更改为类似的内容，

<Button className="bg-primary">Success</Button>

输出完全相同。就我个人而言，我发现使用 className 属性更容易，因为我可以编写像 btn btn-primary... 这样的普通引导类，而不是不同的 react 引导类。

两者之间是否有任何功能差异？是否有理由使用 variant 而不是 className？

Answer 1

variant 和 className 之间的区别:

变体:
- 仅使用预定义的类
- 不需要外部库

类名:
- 可以使用自定义类
- 与 HTML 属性 class

的作用相同

我个人使用className