Javascript 在发送道具上映射

这是数据

const people = [
    {
      img: 11,
      name: "Ahmed",
      job: "developer",
    },
    {
      img: 13,
      name: "Kazim",
      job: "Engineer",
    },
]

我正在尝试映射这些单独发送的属性

<Person person={people[0]} />
<Person person={people[1]}/>
<Person person={people[2]} />

我也试着将它与密钥一起发送，但仍然会出现相同的错误

我也试过这个

 people.map((person,i) => {
      return (
        <Person
          key={i}
          img={person[i].img}
          name={person[i].name}
          job={person[i].job} 
        />
     );
  );

---

它应该是第二张地图上的人物

 people.map((person,i) => {
      return (
        <Person
          key={i}
          img={person.img}
          name={person.name}
          job={person.job} 
        />
     );
  );

people.map（（person，i）=>{
返回(
);
);
映射的回调函数的第一个参数是元素本身，而不是索引

{people.map((i) => (
  <Person person={i} />
))}

{people.map（（i）=>(
))}
{people.map（（i）=>（））}
@hev1谢谢。它成功了。
TypeError: Cannot read property 'img' of undefined


 people.map((person,i) => {
      return (
        <Person
          key={i}
          img={person.img}
          name={person.name}
          job={person.job} 
        />
     );
  );

{people.map((i) => (
  <Person person={i} />
))}