javascript - 如何删除影响 React 元素的 Jquery 文档单击监听器？

Question

对于遗留应用程序，我们正在使用 React 逐个重写 Web 应用程序的部分内容。因为这不能完全删除文档监听器的垃圾。页面上有很多不同的组件，它们上面都有监听器。这正在影响 react 组件的性能。

例如； Material UI 切换菜单，https://codesandbox.io/s/o9970jm69例如，切换菜单速度很快，并且可以响应您的点击。但是对于我们的网络应用程序，由于这些文档事件监听器，切换行为与演示不同。

是否可以移除 React 元素的这些文档点击监听器？

或者有没有办法摆脱 React 组件的这些监听器？

Answer 1

jQuery 事件的解决方案 #1

您可以使用 unbind删除事件。如果您需要知道事件名称或类型，您可以使用 Chrome 开发工具查看

解决方案 #2 Javascript 事件

另一种方法是捕获事件和stop the propagation .您可以使用 removeEventListener或 set null the property event .