javascript - Felsökning av ReactJs i Chrome vid sidladdning - this och allt annat är undefined när man använder konsolen

Jag har ett problem när jag felsöker React vid den första sidladdningen. Som du kan se på skärmdumpen, om jag hovrar över this kan jag se innehållet, men om jag använder konsolen säger den att this är odefinierad. Detta händer bara när jag laddar om sidan; om jag felsöker när jag klickar runt uppstår inte detta problem. Jag har React Developer Tools för Chrome installerat och noterade att när detta händer står det bara Connecting to React…. Kan detta vara problemet?

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

Jag använder .tsx-filer (.jsx men med TypeScript) om det skulle spela någon roll.

Källor-fliken:

React-flik:

Svar #1

Baserat på dina uppdaterade kommentarer, om du startar din funktion från konstruktorn och sedan stoppar den med en brytpunkt, kommer konstruktorn inte att slutföra körningen, vilket innebär att den inte kommer att kunna korrekt sätta prototypkedjan och viktigast av allt, sätta korrekt referens till this.