reactjs - 为什么我不能在使用 react 时在 chrome 中调试没有括号的部分代码？

Question

我注意到，当我在代码的某些部分不使用方括号时（如果是其他条件，则为条件），我无法在 google chrome 中正确调试它。这也发生在边缘

有谁知道是什么原因造成的？

标签： reactjsdebugginggoogle-chrome-devtools

Answer 1

您看到的代码是用 JSX 编写的源代码。浏览器不能运行 JSX，它们可以运行 Javascript。您的工具链将 JSX 转换为 Javascript，并提供了一个源映射，该映射试图允许您在原始代码中放置断点，同时在生成代码的执行点处停止。有时，映射不够精确和不够精确，无法让您在完全相同的位置停下来。在这种情况下似乎就是这种情况。