如果有简单的方法，为什么我们需要reactjs-bootstrap？

Question

我一直在使用react或angular开发web应用程序，但我很困惑为什么人们会使用像react-bootstrap（https://react-bootstrap.github.io/introduction.html）或Angular-bootstrap这样的库？因为当我创建时我只需要使用链接标记及其对应的js lib加载css框架，然后在reactjs方面，我只需要放置组件所需的类。这听起来不容易吗？

谢谢，

Answer 1

它与Bootstrap的Javascript部分有关。使用链接标记，CSS可以正常工作。

但是React和Angular是Javascript库，它们在操作DOM方面有很多东西。如果你也使用像Bootstrap或jQuery这样的东西来操纵DOM，它可能不会很好地与React或Angular一起玩，因为他们可能会在同一时间以非常不同的方式尝试做类似的事情。因此需要重写与DOM相关的Javascript库，以便它们与React / Angular很好地协作。

来自react-bootstrap文档：

  

我们不附带任何包含的CSS

所有他们处理的是JS。

Answer 2

当您选择使用reactjs时，您选择了一个以切割器和复杂方式更新DOM的库。
它具有虚拟DOM和一堆算法（如Diffing algorithm），以确定何时以及如何以最快速，最有效和最高效的方式更新DOM。

当你将它与另一个更新DOM的库结合使用时，你基本上会中断这些算法来完成它们的工作 除了性能方面，你正在反对反应的模式，你打破了组件模式＆＃34; React-Bootstrap用于帮助您使用其组件维护组件模式。您只需要包含css和其他资源文件 除了使用与bootstrap的css文件中的类相对应的正确类名呈现HTML之外，它们的组件不做任何事情。
他们通过props以与您所有其他组件相同的方式执行此操作 通过这种方式，您可以拥有一个引导程序组件，这些组件可以在不破坏模式的情况下以原生方式与其他组件一起使用。

是的，转储一些css和js文件更容易，事情正常，但维护，调试和扩展更难。