在页面加载时调试Chrome中的ReactJs - 在使用控制台时，这个以及其他所有内容都是未定义的

Question

在初始页面加载时调试React时遇到问题。正如您从屏幕截图中看到的那样，如果我将鼠标悬停在this上，我可以看到内容，但如果我使用控制台，则表示this未定义。这只发生在我重新加载页面时，如果我调试时没有发生单击这个问题。我安装了React Developer Tools用于Chrome，并注意到发生这种情况时只会显示Connecting to React…。这可能是问题吗？

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

我使用.tsx文件（.jsx但使用TypeScript），如果这可能很重要。

来源标签：

React标签：

Answer 1

根据您更新的注释，如果从构造函数启动函数然后使用断点停止它，构造函数将无法完成执行，这意味着它将无法正确设置原型链并且最重要，设置对this的正确引用。