Javascript 如何在同一页面上使用（Bootstrap+jQuery）和反应Bootstrap？ 上下文

我们有一个传统的应用程序，它依赖于bootstrap3，jQuery和Symfony作为后端。但在我构建的最后一个页面上，我使用React来表示页面内容

因此，当使用Bootstrap和jQuery创建导航栏、标题等容器时，使用React创建用于记录考勤的子应用程序的内容

一切都很顺利。然后我注意到有一个react引导库，所以我用react引导组件替换了我的div+引导类

问题 加载的第一个图元是可折叠嵌板。在那里，您可以选择一些加载其他面板的内容。您可能知道，react引导不需要jQuery，而是使用其内部JS great！。但是容器的Bootstrap+jQuery在初始化容器时会考虑到该面板，并将jQuery things事件监听器和一些HTML属性应用到我的react引导面板

因此，我最终得到了一个具有双重逻辑的面板，像折叠按钮这样的东西不再有效，因为React关闭面板，然后jQuery打开它

按下第一个面板的按钮后加载的另一个面板工作正常，因为它是在jQuery应用其内容后生成的

可能的解决办法 我们有一个Pace插件，它在引导结束初始化时发出一个done事件。如果在该事件发出后执行ReactDom.render，一切都会正常工作，但在jQuery结束至少1秒之前，它会留下一个空页面，但很明显。是的，我可以使用加载屏幕。该容器已经有一个加载屏幕，一旦加载应用程序脚本，该屏幕就会消失，因此我无法再次使用它，因为它会再次出现，这不好，我无法使其不消失

我可以使用经典的div+引导类来控制切换的面板容器，而不是使用Panel组件。问题是，我必须为每个引导组件这样做，这些组件不仅出现在本页上，而且每隔一页出现

也许是个暗示？

---

有没有办法阻止jQuery传播到我的React节点？考虑到这一点，我的应用程序仍然使用容器中的CSS—引导库、引导主题等？

适用于react部分—您可以将react表CSS模块导入特定模块。在您的情况下，不要将import'bootstrap/dist/css/bootstrap.min.css'导入index.js或根js中的任何内容。