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

Why do we need reactjs-bootstrap if there's easy way?

我一直在使用 React 或 angular 开发 Web 应用程序,但我很困惑为什么人们会使用像 React-bootstrap (https://react-bootstrap.github.io/introduction.html) 或 [=18= 这样的库]-bootstrap?因为当我创建时,我只需要使用 link 标签及其相应的 js 库加载 css 框架,然后在 reactjs 端,我只需要放置组件所需的 类。这听起来是不是更简单?

谢谢,

它与 Bootstrap 的 Javascript 部分有关。 CSS 与 link 标签配合使用效果很好。

但是 React 和 Angular 是 Javascript 库,它们在幕后有很多操作 DOM 的东西。如果你还使用 Bootstrap 或 jQuery 之类的东西来操纵 DOM,它可能不会很好地与 React 或 Angular 一起使用,因为他们试图做类似的事情可能以非常不同的方式同时进行。因此,需要重写 DOM 相关的 Javascript 库,以便它们与 React/Angular 配合得很好。

来自 react-bootstrap 文档:

we don't ship with any included css

他们只处理 JS。

当您选择使用 reactjs 时,您选择了一个库,该库可以以切肉刀和复杂的方式更新您的 DOM。
它具有虚拟 DOM 和一堆算法(如 Diffing algorithm)来确定何时以及如何以最快速、高效和高性能的方式更新 DOM。

当您将它与另一个更新 DOM 的库结合使用时,您基本上会中断这些算法来完成它们的工作。
除了性能方面,您还违反了 React 模式,您打破了 "component pattern".
React-Bootstrap 在这里帮助您使用他们的组件维护您的组件模式。您只需要包含 css 和其他资源文件。
除了使用与 bootstrap 的 css 文件中的 class 对应的正确 class 名称呈现 HTML 之外,它们的组件不做任何事情。
他们通过 props.
以与所有其他组件相同的方式执行此操作 通过这种方式,您可以拥有一个 bootstrap 组件,这些组件可以以本机方式与您的其他组件很好地配合使用,而不会破坏模式。

是的,转储一些 cssjs 文件更容易,而且一切正常,但更难维护、调试和扩展。