将Bootstrap 4与react一起使用

Question

很抱歉，我缺乏知识，但我是新手，目前正在学习。只想问一下我是否想在我的react应用程序中使用bootstrap 4，是否必须安装JQUERY？我在某处读到，将JQUERY与React一起使用是不行的。所以现在我在想。谢谢回复。您的意见和建议是真正的赞赏。

Answer 1

某些功能（例如下拉菜单，模式）需要JS来操纵DOM，而引导程序则使用jQuery来处理DOM操纵。

但是，React使用虚拟DOM，因此通过jQuery在React应用之外操纵浏览器DOM意味着React可能不再处理状态，事件和UI呈现。React广泛地期望/假设其他任何事情都不会修改DOM。

这就是为什么建议使用react-bootstrap（对于引导程序v3）和reactstrap（对于引导程序v4）的原因。CSS保持完全相同，但是最初需要jQuery的组件已被重写。

以这个bootstrap 4模态为例，您需要定义modal状态，该状态确定模态是显示还是隐藏。

因此，从本质上讲，这些React引导程序库会将每个引导程序组件重写为React组件，因为CSS完全相同。