javascript - React 和 jQuery 插件

Question

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

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

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

谢谢!

Answer 1

这取决于您尝试使用 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 $对象将被全局定义。