Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在VS代码调试器中命中React钩子断点?_Reactjs_Visual Studio Code_Next.js - Fatal编程技术网

Reactjs 如何在VS代码调试器中命中React钩子断点?

Reactjs 如何在VS代码调试器中命中React钩子断点?,reactjs,visual-studio-code,next.js,Reactjs,Visual Studio Code,Next.js,简而言之,我的VSCode调试器能够命中除nextjs应用程序中React挂钩(useEffect,setState)内的断点之外的所有断点 例如,考虑下面的反应函数组件: export default function example() { console.log("breakpoint 1"); useEffect(() => { console.log("breakpoint 2"); }); return (<

简而言之,我的VSCode调试器能够命中除nextjs应用程序中React挂钩(useEffect,setState)内的断点之外的所有断点

例如,考虑下面的反应函数组件:

export default function example() {
  console.log("breakpoint 1");
  useEffect(() => {
    console.log("breakpoint 2");
  });
  return (<div></div>);
}
导出默认函数示例(){
日志(“断点1”);
useffect(()=>{
日志(“断点2”);
});
返回();
}
假设我在两个console.log语句中都添加了一个断点,那么VS代码调试器将在断点1处暂停,但不会在断点2处暂停,即使控制台输出显示两行都已运行