javascript - 如何将 "raw"DOM 事件转换为 React SyntheticEvent？

Question

我使用两个库，一个发出“原始”DOM 事件 (lib.dom.d.ts) 的库，另一个使用 React.SyntheticEvents 的库.
的最佳方式是什么？干净利落将原始事件转换为 SyntheticEvent？

Answer 1

这不是一个直接的答案，但评论太长了。
我认为尝试将 DOM 事件包装/转换为 React.SyntheticEvent 不是一个好习惯。 .而且我看不到有使用非 React 渲染但使用 React 响应事件的用户案例。也许您需要考虑选择另一个消费库。简单来说，没有直接的方法来构造一个SyntheticEvent来自 DOM 事件。
来自 https://reactjs.org/docs/events.html SyntheticEvent是包装基本 DOM 事件的高级 API。用一些逻辑包装基本 DOM 事件的目标是让事件在跨浏览器中同样工作。
虽然从
https://github.com/facebook/react/blob/993ca533b42756811731f6b7791ae06a35ee6b4d/packages/react-dom/src/events/plugins/SelectEventPlugin.js或 https://github.com/facebook/react/blob/9198a5cec0936a21a5ba194a22fcbac03eba5d1d/packages/react-dom/src/events/plugins/ChangeEventPlugin.js
，您可以找到一些关于如何构造 SyntheticEvent 的线索，这项工作不仅是构建SyntheticEven ，还有其他 React 已经完成的逻辑以及你的消费库所依赖的逻辑。如果你构建一个 SyntheticEvent由你自己，那么你还需要编写逻辑来满足期望。