Reactjs 为什么可以';当使用react时,我是否调试chrome中没有括号的部分代码?

Reactjs 为什么可以';当使用react时,我是否调试chrome中没有括号的部分代码?,reactjs,debugging,google-chrome-devtools,Reactjs,Debugging,Google Chrome Devtools,我注意到,当我在代码的某些部分不使用括号时(如果有条件的话),我无法在google chrome中正确地调试它。在edge中也会发生这种情况 有人知道是什么原因吗?您看到的代码是用JSX编写的源代码。浏览器不能运行JSX,它们可以运行Javascript。您的工具链将JSX转换为Javascript,并提供一个源代码映射,该映射试图允许您在生成代码的执行点停止时在原始代码中放置断点。有时贴图不够精确,不足以让您在完全相同的位置暂停。在本例中似乎就是这样。您看到的代码是用JSX编写的源代码。浏览

我注意到,当我在代码的某些部分不使用括号时(如果有条件的话),我无法在google chrome中正确地调试它。在edge中也会发生这种情况


有人知道是什么原因吗?

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

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

可能是devtools中的一个bug,您可以报告它。我可以认为这是react的问题,当您开始学习新的东西时,通常会发生一些奇怪的事情:),无论如何,这可能是devtools的问题。谢谢。可能是devtools中的一个bug,你可以报告它。我可以假设这是react的问题,当你开始学习新东西时,通常会发生一些奇怪的事情:),无论如何,这可能是devtools的问题。谢谢。当然,我还发现了更多其他问题,有时应用程序在您使用开发时需要花费大量时间呈现更改。当然,我还发现了更多其他问题,有时应用程序在您使用开发时需要花费大量时间呈现更改。