反应组件this.variable不呈现

Question

I have this react component and I have created a const see below:

export class MyComponent extends React.Component {
  constructor() {
    super();
    const mytext = 'Some Text';
  }

  render() {
    return (
      <div>
         {this.mytext}
      </div>

    );
  }
}

This const is not rendering mytext when I use {this.mytext}

What I'm I doing wrong?

Answer 1

{this.mytext} should be {mytext}

And if you want to declare a global variable of type const than you need to define it like this

    const mytext = 'Some Text';
    export class MyComponent extends React.Component {
      constructor() {
        super();

      }

  render() {
        return (
          <div>
             {mytext}
          </div>

        );
      }

EDIT 1. The better approcah to declare a global varibale can be:

export class MyComponent extends React.Component {
      constructor() {
        super();
        this.mytext = "VED"//you can use it now anywhere inside your file
      }