如何在调试 ReactJS 时忽略调用堆栈中的内部 ReactJS 代码

Question

当我在 Google DevTools 中的 ReactJS 中调试代码时（顺便说一下，我已经安装了 react devtools），调用堆栈中的很多层都来自 ReactJS 本身的代码，而不是我在我正在做的项目。

如何隐藏这些行，以便我可以专注于涉及我的代码的调用堆栈部分？

我正在开发一个涉及 ReactJS 的网站，而不是移动设备应用程序。

Answer 1

您可以在 DevTools 中对 React 库文件进行黑箱处理。这会阻止调试器进入代码，并且会在调用堆栈中出现一条消息，说“x 帧被隐藏（黑框）”。

有关使用此功能的完整指南，请参阅Blackbox JavaScript 源文件。