How can you display the value of a variable other than console.log?

Question

JavaScript

I'm new to programming, and maybe asking a stupid question, but still.
Dealing with a page written in React, trying to display the value of a variable through console.log
Approximate page structure

export default class extends Component {
функции(){}
функции(){}

render() {

}
}

wherever I write console.log (except for render) - it doesn't work

When hovering over an error - it says: 'expecting new line or semicolon'
How else can you display the value of a variable?

Answer 1

The Class construct does not allow inserting simple code into the body, only functions, can you insert console.log() instead of a class method?

class ClassName extends PureComponent{
  constructor(props) {
   super(props)

   this.testMethod = this.testMethod.bind(this);

   console.log('constructor')
  }

  componentDidMount() {
      console.log(123 + 'componentDidMount')

      this.testMethod();
  }

  testMethod() {
      console.log('testMethod')
  }

   render(
     console.log('render до return')
     return <div id='component'>
     {console.log('render')}
     </div>
   )

  // console.log(123); //  вызовет ошибку
}

Answer 2

write without semicolon (;)
console.log('txt')

Answer 3

Alternatively, you can use localStorage.setItem, .getItem