Chrome, Firefox debuggers not displaying the correct value for 'this' in a react app

Question

Here\'s a bit of code, within a react component class (scaffolded using CRA 2)

  click = () => {
    console.log(this, \"hello\");
    let x = 1 + 1; //T         


        

Answer 1

I think you need to set babel options to disable module processing. See this answer:

How to stop babel from transpiling 'this' to 'undefined'

In your .babelrc:

{
  "presets": [
    [ "es2015", { "modules": false } ]
  ]
}