ReactJS：我可以创建自己的SyntheticEvent吗？

Question

我正在使用ReactJS和它的SyntheticEvent来跟踪事件，它是目标DOM节点。

我正在创建一些可变组件，我希望它们触发SyntheticEvent以跟踪DOM并使用e.target和e.target.value跟踪更改的值。

如何实例化SyntheticEvent并为它们分配DOM及其目标值？

Answer 1

在当前状态下，我正在寻找有关SyntethicEvent的所有资源，以确保没有找到用于创建新SyntethicEvent的API，无论您如何尝试在元素的引用上使用本机addEventListener。
P.s.如果您找到了可以为您的问题提供解决方案的API，请与我们分享：）

Answer 2

在JSX中你的组件返回，你可以添加类似这样的东西

<button onClick={this.myEventHandlerFunc}>button text</button>

在组件中声明myEventHandlerFunc：function（e）{}并执行以下操作：）

希望这有帮助......我现在开始谷歌寻找一些额外的例子;）

编辑：

如果要激发自定义事件，您也可以使用JQuery作为示例，并在生命周期事件componentDidMount上绑定事件。在这里你可以这样做：

$(document).on('myCrazyEvent', this.componentEvtHandler)

在其他地方你可以创建和分发像这样的事件

$(document).trigger('myCrazyEvent', [customVar]);