Javascript 是否可以通过在React中编写的站点中的元素获取事件处理程序？

如何在Google Chrome控制台中获取事件处理程序的代码

对于用VannilaJS编写的站点，我可以：

var el = document.getElementById('test');
getEventListeners(el);

var el = document.getElementById('test');
$._data(el, 'events');

对于使用jQuery编写的站点，我可以执行以下操作：

var el = document.getElementById('test');
getEventListeners(el);

var el = document.getElementById('test');
$._data(el, 'events');

---

但是对于用React编写的站点，我无法获得事件发生后要执行的确切代码。有人知道怎么做吗？

如果您想纯粹为了调试目的而访问控制台中的事件侦听器，我应该使用inspector查找附加了事件的DOM元素，旁边应该有一个小小的“事件”标签。单击该按钮可查看事件列表。这比每次在控制台中编写命令要容易得多。如果您不喜欢这样，

document.getElementById（'test'）

仍然可以使用React；只需添加id属性，就像编写常规HTML一样

如果出于其他原因希望访问DOM元素上的事件，则在React中访问DOM元素的方法是使用。然后，您可以调用

getEventListeners

或任何您想做的事情，并传入ref，ref将是DOM元素。但要注意不要过度使用ref；正如链接页面所解释的，他们有时间和地点