编辑模式不在React中显示类属性

class MyComponent extends React.Component {
  myAttribute = 'example';

  render() {
    return (
      <div>
        {this.myAttribute} {/* 这里无法在编辑模式中直接显示类属性 */}
      </div>
    );
  }
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myAttribute: 'example'
    };
  }

  render() {
    return (
      <div>
        {this.state.myAttribute} {/* 在编辑模式中显示类属性 */}
      </div>
    );
  }
}

class MyComponent extends React.Component {
  myAttribute = 'example';

  render() {
    return (
      <div>
        <ChildComponent attribute={this.myAttribute} /> {/* 通过props传递类属性给子组件 */}
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        {this.props.attribute} {/* 在编辑模式中显示类属性 */}
      </div>
    );
  }
}