Question

我有这个反应组件，我创建了一个const，见下文：

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

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

    );
  }
}

当我使用{this.mytext}

时，这个const不会渲染mytext

我做错了什么？

Answer 1

{this.mytext}应为{mytext}

如果你想声明一个 const 类型的全局变量，你需要像这样定义它

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

      }

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

        );
      }

编辑1.声明全局变量的更好的approcah可以是：

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

React Component this.variable not rendering

1 个答案: