调试 React 应用程序时如何检查从 JSX 编译的源代码？

Question

这篇博文描述了一种在单步执行 React 应用程序时查看 JSX 转换结果的方法，但它有点过时了（使用通过

ReactDom.render()

脚本加载的旧

text/babel

api）。当使用从 create-react-app 生成的 React 应用程序的干净副本（[email protected] 和 [email protected]）时，调用堆栈中似乎没有

transform.run

我可以使用检查编译的源代码。

还有办法用当前的react/babel版本做这样的事情吗？

Answer 1

对于每个 JSX 文件，都会在 Sources -> 右侧选项卡下生成一个 main.xxxxx.js 文件。