react 中，click 事件的源码怎么查看?
站长
· 阅读数 12
背景:开发模式与生产模式下都开启了source-map,但是用chrome开发工具查看click事件的源码时,发现并不能找到真正的代码,如图所示：
第9655行如图
发现并不是真正的源码,并且只要是click事件,都是如下代码：
function noop() {}
真正的源码应该形如：
所以怎么才能通过chrome开发工具,看到真正的源码呢?
回复
1个回答
test
2024-07-14
拿左边这个点赞举个例子
首先inspect到这个元素，在右边的 event listeners 里面找到绑定在该元素上的点击事件：
hover 上去的时候高亮了，就是他，然后跟到右边的代码里面：
只有一行，那就点左下角的 format，找到调用的方法：
这个例子里面它叫做 ca，也是看不到方法内容。我们打个断点：
然后点赞！注意这个方法有可能在其他时候触发，我们不管，只看点赞触发的断点：
在 scope local 里面能看到本次调用触发的元素：
跟进去，再 format 就看到了：
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容