React and jQuery plugins

本文关键字：plugins jQuery and React 更新时间：2023-09-26

我正在构建一个React应用程序，我使用了几个jQuery插件。在我的应用程序上，我使用ES6并导入所有内容。

因此，在正常的环境中，我会在页面上添加<script />并初始化插件。

将jQuery插件导入React组件的最佳方式是什么？有人能给我解释一下吗？

谢谢！

这取决于您试图用jQuery做什么。我同意@Vilvan的观点，将jQuery与React混合通常不是一个好主意，因为React使用虚拟DOM，所有DOM操作都应该在那里完成。React将使用虚拟DOM来操作实际DOM。jQuery会更改实际的DOM，因此可能会导致问题。

对于大多数UI效果，我使用react bootstrap而不是jQuery。它具有我所需要的所有UI效果，包括淡入淡出、模式等。我确实将jQuery用于非DOM功能，如AJAX调用，而且它没有造成问题。

为了更具体地回答您的问题，当我使用jQuery进行AJAX调用时，我只使用<script>导入jQuery库。我不使用import，因为jQuery $对象是全局定义的。

您可以将jquery文件放置在可访问的位置并使用'import $ from '<path to jQuery>';。这是可行的，但是使用带有jQuery的reactjs不是一个好主意。对于每个jQuery实现，都有一个简单的替代基本javascript实现。你可以参考这个。YouMightNotNeedJQuery