我正在使用 ReactJS 构建一个Web应用程序。
我想知道合并React
和Bootstrap
或者它是否完全没用是否是个好主意?有什么我可以做一个,我不能与其他人一起做?
我知道Bootstrap是一个框架而React是一个库,但我想知道两者之间有什么区别,因为我读了一些文章解释了库和框架之间的区别而且无法理解!
答案 0 :(得分:1)
我建议您阅读本教程: https://ourcodeworld.com/articles/read/561/how-to-use-components-of-bootstrap-4-in-reactjs
基本上,它们不是出于同样的目的:您可以在ReactJS中编写业务逻辑(〜应用程序将如何工作),然后您可以使用Bootstrap中编写的一些自定义CSS类魔术向最终用户显示它4。
希望有所帮助!
答案 1 :(得分:1)
以下Stackoverflow帖子中解释了库与框架之间的区别:What is the difference between a framework and a library?
如果您想在Bootstrap 4
中使用ReactJS
,可以使用以下超级简单易用的图书馆:Reactstrap。
我希望这会对你有所帮助。
答案 2 :(得分:0)
Bootstrap是一个CSS框架,它用于制作响应迅速且漂亮的网站。
React js是一个视图库,可以轻松创建交互式UI。为应用程序中的每个状态设计简单视图,当数据发生变化时,React将有效地更新和呈现正确的组件。
如果您想构建互动和美观,可以一起使用它们 网站。
在React中包含bootstrap,
首先请参阅此Bootstrap webpack
这是在reactjs项目中使用bootstrap的一种方法。
这样做的好处是可以访问最新的bootstrap css。
使用它的缺点是在reactjs中使用jquery插件很复杂。但是,如果你只对css感兴趣,那么它就是完美的。
使用此方法,您可以直接使用文档中的引导类并获得更多控制权。
只需使用className
代替class
如果您想要简单的设置,那么您可以使用reactstrap link
其他框架包括react-bootstrap link
这并不意味着您必须仅使用引导程序。您可以使用任何其他css框架,如Bulma,Foundation等。
使用带有React的jQuery值得吗?
我的观点是不要将jQuery与React一起使用,因为jQuery或jQuery插件会改变DOM结构,这反过来会导致reactjs虚拟DOM出现问题。
这并不意味着你不能使用jQuery,你可以,但它与正常使用有点不同。
Reactjs提供了一种在这里使用jQuery和其他插件的方法Integrating with Other Libraries