TypeError:无法读取未定义(读取“”name“”)的reactjs的属性

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: '' // 确保所有需要的属性都被初始化
    };
  }

  render() {
    return (
      <div>
        {this.state.name} {/* 现在这里不会报错 */}
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  render() {
    return (
      <MyComponent name="John" /> {/* 确保传递了 name 属性 */}
    );
  }
}

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        {this.props.name} {/* 现在这里不会报错 */}
      </div>
    );
  }
}

class MyComponent extends React.Component {
  render() {
    const { name } = this.props;
    return (
      <div>
        {name ? name : 'Name is not defined'} {/* 使用条件渲染 */}
      </div>
    );
  }
}

import React from 'react';

class ParentComponent extends React.Component {
  render() {
    return (
      <MyComponent name="John" />
    );
  }
}

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

  render() {
    const { name } = this.props;
    return (
      <div>
        {name ? name : 'Name is not defined'}
      </div>
    );
  }
}

export default ParentComponent;