使用typescript json对象的React中的映射列表

interface Person {
  name: string;
  age: number;
  gender: string;
}

const people: Person[] = [
  { name: "Alice", age: 25, gender: "female" },
  { name: "Bob", age: 30, gender: "male" },
  { name: "Charlie", age: 35, gender: "male" },
];

const PersonList: React.FC = () => {
  return (
    <ul>
      {people.map((person, index) => (
        <li key={index}>
          <span>Name: {person.name}</span>
          <span>Age: {person.age}</span>
          <span>Gender: {person.gender}</span>
        </li>
      ))}
    </ul>
  );
};