如何在 chrome devtools 中设置断点

Question

我在 DOM 中有一个<select/>元素，我想在触发onchange事件时暂停代码的执行。 我的目标是确定触发onchange时调用的 function。 我该怎么做？

Answer 1

简单的方法是在你的代码中调试

<select onChange={()=> {
  debugger;
  // ... your code
} />

Answer 2

您应该在 onChange function 中添加调试器语句或添加 console.log() function 以了解是否触发了 onChange。 记得一定要打开dev tool才能看到log，js进程会在你的debugger语句中中断