我正在使用ReactJS,它是SyntheticEvent来跟踪事件及其目标DOM节点。
我正在创建一些可变的组件,我希望它们触发SyntheticEvent来跟踪DOM并使用e.target
和e.target.value
来跟踪更改的值。
如何实例化SyntheticEvent并为其分配DOM及其目标值?
在当前状态下,我一直在寻找有关SyntethicEvent的所有资源以确保并且没有找到用于创建新SyntethicEvent的API,无论如何,您都可以尝试在元素的ref上使用本机addEventListener
。P.s.如果您找到了可以为您的问题提供解决方案的API,请与我们分享:)
在您的组件返回的JSX中,您可以添加这样的内容
<button onClick={this.myEventHandlerFunc}>button text</button>
在您的组件中声明myEventHandlerFunc:function(e){}并执行您的工作:)
希望这对您有所帮助...我现在开始在Google上搜索一些其他示例;)
编辑:
如果要触发自定义事件,也可以仅使用JQuery作为示例,并在生命周期事件componentDidMount上绑定这些事件。在这里你可以做这样的事情:
$(document).on('myCrazyEvent', this.componentEvtHandler)
您可以在其他地方创建和分发这样的事件
$(document).trigger('myCrazyEvent', [customVar]);