如何在react中获取jsx属性值

<MyComponent name="John" age={25} />

class MyComponent extends React.Component {
  render() {
    const { name, age } = this.props;
    return (
      <div>
        <p>Name: {name}</p>
        <p>Age: {age}</p>
      </div>
    );
  }
}

class MyComponent extends React.Component {
  render() {
    const { name, age } = this.props;
    return (
      <div>
        <p>Name: {name}</p>
        <p>Age: {age}</p>
      </div>
    );
  }
}

MyComponent.defaultProps = {
  age: 18
};

MyComponent.propTypes = {
  name: PropTypes.string.isRequired,
  age: PropTypes.number
};