如何在typescript中添加匹配道具到界面

interface 道具Props {
  名称: string;
  类型: string;
  价值: number;
}

import React from 'react';

interface 道具CardProps {
  道具: 道具Props;
}

const 道具Card: React.FC<道具CardProps> = ({ 道具 }) => {
  return (
    <div>
      <h2>{道具.名称}</h2>
      <p>类型: {道具.类型}</p>
      <p>价值: {道具.价值}</p>
    </div>
  );
};

export default 道具Card;

import React from 'react';
import 道具Card from './道具Card';

const App: React.FC = () => {
  const 道具: 道具Props = {
    名称: '剑',
    类型: '武器',
    价值: 100,
  };

  return (
    <div>
      <h1>道具列表</h1>
      <道具Card 道具={道具} />
    </div>
  );
};

export default App;