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

Question

在初始页面加载上调试React时遇到问题。从屏幕截图中可以看到，如果我将鼠标悬停在上面，则this可以看到内容，但是如果使用控制台，它表示this未定义。仅当我在单击页面时进行调试时才出现此问题，这仅在我重新加载页面时发生。我已经React Developer Tools安装了Chrome浏览器，并注意到发生这种情况时只能说Connecting to React…。这可能是问题吗？

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

如果可能的话，我正在使用.tsx文件（.jsx但使用TypeScript）。

来源标签：

反应标签：

Answer 1

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