使用react-bootstrap而不是普通的Bootstrap有什么意义？
我正在经历https://react-bootstrap.github.io/components.html，我没有看到任何优势。我只能看到它会给项目带来不必要的依赖。
在React/Redux项目中使用普通Bootstrap有困难吗？
编辑
从阅读https://react-bootstrap.github.io/introduction.html中推导出react-bootstrap给我的类名的简写是唯一的吗？下面是同一页的例子。
在plain boostrap中，我会这样做：
var button = React.DOM.button({
className: "btn btn-lg btn-success",
children: "Register"
});
React.render(button, mountNode);在react-boostrap中：
var button = ReactBootstrap.Button({
bsStyle: "success",
bsSize: "large",
children: "Register"
});
React.render(button, mountNode);所有这些来自react-boostrap的bsStyle, bsSize, ...都是人们不喜欢Angular的东西，他们记住了所有这些ng-*标签。我个人不介意，但如果这是react-bootstrap给我的唯一东西，我会使用twitter-bootstrap。还是我错过了什么
4条答案
按热度按时间t2a7ltrp1#
React-bootstrap为您创建React组件。
如果你考虑如何在React项目中使用bootstrap来制作动画，那么这个优势将是显而易见的。
如果没有react-bootstrap，你需要像CSSTransitionGroup这样的东西。你不能利用bootstrap的API，因为它会操作DOM，这使得React行为不可预测。此外， Bootstrap 将隐藏其动画API的详细信息;就是说你根本就不能用。
然而，使用引导组件，您不需要担心如何通过引导实现动画，您只需要在组件中指定属性和钩子，库就会完成这项工作。更具体地说，它可以添加一些对客户端不可见的 Package 器。
正如你在上面看到的，
<Fade>和<Transition>组件是通过 Bootstrap 添加的。此外，虚拟DOM的语法可能与DOM不兼容：
如上所示，将
<input>放在<select>中是语义UI的一种方式，但React会抱怨。我希望 Bootstrap 在没有自定义库的情况下可能会遇到类似的问题。balp4ylt2#
这实际上是你计划使用什么样的前端框架的问题。如果你打算使用Angular、Ember、Knockout或普通的jQuery，那么传统的Bootstrap可能就足够了。使用React时，JavaScript应用程序代码与DOM的交互方式存在根本差异，这使得Bootstrap的jQuery方法非常难以使用，因为React主要与Virtual DOM一起工作。确实，使用React-Bootstrap将减少你需要做一些简单任务的样板代码的数量，比如创建表单或表单元素，尽管这不是主要的好处。
plupiseo3#
如果我理解正确的话，react-bootstrap只是一个组件的扩展，让那些不知道html + css的人更容易使用。
如果你不知道如何用html+css+js自己做按钮，菜单，布局等，我建议你使用bootstrap。
例如，React不会给你给予按钮和菜单的设计。
以下是Facebook上关于为什么使用React的链接：
https://facebook.github.io/react/docs/why-react.html
我之所以选择React，是因为如果你已经知道JavaScript，那么学习React会更容易。
如果你需要使用bootstrap，我建议你只使用twitter-bootstrap，因为你可以自定义你的布局，只需在bootstrap.css后添加另一个css文件。
tuwxkamq4#
**Bootstrap框架的优点：**1.它支持JavaScript和jQuery附加组件2. 3.框架很容易理解。学习和实践是很容易的4。工具的部件可以再次使用5。兼容所有类型的浏览器
React框架的优点1。提高生产力2。第三章.搜索引擎优化操作友好。4.这一工具可供所有公司使用。5.制作具有新鲜内容的动态网站。6.使用过的部件可以再次使用。
在此阅读更多信息：https://techidology.com/bootstrap-vs-reactjs/