React和Typescript:如何扩展泛型组件属性？

import React from 'react';

type MyComponentProps<T> = {
  data: T[];
};

function MyComponent<T>(props: MyComponentProps<T>) {
  // 组件的具体实现
  return <div>{props.data.map(item => <div key={item.id}>{item.name}</div>)}</div>;
}

export default MyComponent;

type ExtendedProps<T> = MyComponentProps<T> & {
  title: string;
};

const data = [{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }];
const extendedProps: ExtendedProps<{ id: number, name: string }> = {
  data,
  title: 'My Component'
};

<MyComponent {...extendedProps} />;