我正在使用 React 实现裁剪功能。当用户右键单击时,会出现一个上下文菜单。在上下文菜单中,用户可以选择裁剪项目。当用户选择裁剪时,裁剪被激活。现在,我想在用户在该分区之外单击时关闭裁剪状态。我如何在没有 DOM 操作的情况下做出反应?还是我必须使用 DOM 操作,例如add EventListener & removeListener
?在这里使用 DOM 访问有什么缺点?请让我彻底了解这一点,因为这将在我将开发的许多功能中实现。例如,我正在谈论的上下文菜单或下拉菜单。
这是参考示例 - Sandbox。现在,当用户点击ReactCrop
组件外部时,我想通过反应方式关闭裁剪。
我不想继续document.addEventListener or removeListener
。