如何在React with Typescript中设置默认属性值？

import React from 'react';

interface MyComponentProps {
  name: string;
  age?: number;
}

const MyComponent: React.FC<MyComponentProps> = ({ name, age = 18 }) => {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
};

export default MyComponent;

import React from 'react';

interface MyComponentProps {
  name: string;
  age?: number;
}

class MyComponent extends React.Component<MyComponentProps> {
  static defaultProps = {
    age: 18,
  };

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

export default MyComponent;