react this.props未定义或为空对象

class MyComponent extends React.Component {
  render() {
    return <div>{this.props.myProp}</div>;
  }
}

ReactDOM.render(<MyComponent myProp="Hello World" />, document.getElementById('root'));

class ParentComponent extends React.Component {
  render() {
    return <ChildComponent myProp="Hello World" />;
  }
}

class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.myProp}</div>;
  }
}

ReactDOM.render(<ParentComponent />, document.getElementById('root'));

class MyComponent extends React.Component {
  render() {
    if (!this.props) {
      return null; // 或其他处理方式
    }
    return <div>{this.props.myProp}</div>;
  }
}