TypeError:无法读取未定义的react错误的属性“”name“”

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

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

class ChildComponent extends React.Component {
  render() {
    const { name } = this.props;
    if (!name) {
      return <div>Loading...</div>; // 或者其他默认值
    }
    return (
      <div>
        {name}
      </div>
    );
  }
}

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

class ChildComponent extends React.Component {
  static defaultProps = {
    name: 'Default Name' // 设置默认值
  };

  render() {
    return (
      <div>
        {this.props.name}
      </div>
    );
  }
}

const name = this.state?.user?.name; // 如果user或name未定义，将返回undefined而不是抛出错误