React严格模式下事件监听器失效
在基于 Tauri 和 React 的 UniClipboard 应用中,遇到了一个与组件中事件监听器相关的问题。日志显示监听器在设置后很快就被取消,这违背了预期行为。经过分析,问题根源是在 React 的严格模式下,造成了监听器被重复设置和取消。尝试使用 useRef 跟踪监听器状态失败后,采用了全局监听器状态管理的解决方案。使用全局状态存储监听器状态,保持监听器持续存在,并避免重复设置。最终效果是成功保持事件监听器在活跃状态下运行,避免了监听器被意外取消的问题。通过解决这个问题,深入了解了 React 生命周期、严格模式以及事件监听器的正确管理方式。