如何解决使用自定义组件时，情感样式组件不会触发 dragEnd 事件
我正在尝试结合三种技术：
- 情感风格组件
- react-dnd
- 自定义元素微前端
使样式化组件与自定义元素一起工作需要找到一个 shadow dom 容器 here，它允许我将样式应用于微前端内的组件。
我的问题是，当使用带有样式组件的 react dnd 时，元素可以被拖动并被检测为已拖动，但是当拖动停止时不会触发 react dnd collect 方法。不知何故，一个事件必须丢失，我无法弄清楚哪个事件以及它为什么丢失。
我构建了一个示例 here 正如您所看到的，当拖动停止时，规则样式的蓝色卡片会重新出现。但是绿卡消失，直到蓝卡被拖走。
记录dragEnd 事件，两个组件都在拖动开始时触发dragEnd。但是，虽然常规组件在拖动停止时触发另一个 dragEnd，但样式组件不会触发一个，直到另一个常规组件再次被拖动。
自定义元素是应用程序的硬性要求。我正在尝试使用 Emotion JS，因为我们当前使用 Material UI makeStyles 的解决方案在计算复杂样式时性能非常差。
非常感谢您的帮助
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。