将 Bootstrap 与 React 结合使用的最佳方式？直接还是通过图书馆？

Question

将 Bootstrap（或类似 Bootstrap）样式应用于 React Web 应用程序的标准方法是什么？

是直接执行此操作的首选方式，还是社区倾向于使用库？

如果是图书馆，哪个图书馆最受欢迎？我知道这是主观的，而且我发现一般来说，围绕一个或一小部分人达成了共识。如果有一些被普遍接受，那么需要权衡什么？

Answer 1

可以说，在使用 React 和 Bootstrap 时最流行的库是React Bootstrap。这为您提供了方便的组件来使用，这些组件已经具有所有类等。

不过，值得注意的是：

由于 React-Bootstrap 不依赖于非常精确的 Bootstrap 版本，因此我们不附带任何包含的 CSS。然而，使用这些组件需要一些样式表。如何以及包含哪些引导样式由您决定，但最简单的方法是包含来自 CDN 的最新样式。

我见过的大多数实现都利用了 Webpack 等构建工具，并使用sass-loader等加载器。这将允许您使用官方Bootstrap sass 库。

如果您的需求不是那么复杂，您始终可以选择仅将 CSS 包含在您的初始index.html.

与前端开发中的大多数事情一样：没有绝对正确的答案。