ReactJS:我可以创建自己的SyntheticEvent吗?

问题描述 投票:7回答:2

我正在使用ReactJS,它是SyntheticEvent来跟踪事件及其目标DOM节点。

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

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

javascript reactjs
2个回答
0
投票

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


-1
投票

在您的组件返回的JSX中,您可以添加这样的内容

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

在您的组件中声明myEventHandlerFunc:function(e){}并执行您的工作:)

希望这对您有所帮助...我现在开始在Google上搜索一些其他示例;)

编辑:

如果要触发自定义事件,也可以仅使用JQuery作为示例,并在生命周期事件componentDidMount上绑定这些事件。在这里你可以做这样的事情:

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

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

$(document).trigger('myCrazyEvent', [customVar]);
© www.soinside.com 2019 - 2024. All rights reserved.