Javascript 警告：遇到两个子项具有相同的键，`[object]`

我正在尝试运行此代码，但出现错误 我的代码如下 在这个useState钩子中，我有一个数组，我试图循环通过它，但唯一得到的是错误

import React, { useState } from "react";

const LoadAllUser = () => {
  const [users, setUsers] = useState([
    {
      name: "Bhoomit",
      email: "bhumit070@gmail.com",
    },
    {
      name: "Bhopu",
      email: "bhopu@gmail.com",
    },
    {
      name: "sameer",
      email: "sam@gmail.com",
    },
  ]);

  return (
    <div>
      {users !== undefined && users.length > 0 ? (
        users.map((index, user) => {
          return (
            <div className="" key={index}>
              {user.name} <br />
              {user.email} <br />
            </div>
          );
        })
      ) : (
        <h1> No users found </h1>
      )}
    </div>
  );
};

export default LoadAllUser;

import React，{useState}来自“React”；
常量LoadAllUser=（）=>{
const[users，setUsers]=useState([
{
姓名：“Bhoomit”，
电子邮件：“bhumit070@gmail.com",
},
{
姓名：“博普”，
电子邮件：“bhopu@gmail.com",
},
{
姓名：“sameer”，
电子邮件：“sam@gmail.com",
},
]);
返回(
{users！==未定义&&users.length>0(
users.map（（索引，用户）=>{
返回(
{user.name}

{user.email}

);
})
) : (
找不到用户
)}
);
};
导出默认LoadAllUser；

问题在于变量的值与另一个变量的值相同

如果在控制台中显示数据，则数据的外观如下：

index: {"name":"Bhoomit","email":"bhumit070@gmail.com"}
user: 0
index: {"name":"Bhopu","email":"bhopu@gmail.com"}
user: 1
index: {"name":"sameer","email":"sam@gmail.com"}
user: 2

所以键是[object object]，对于react来说也是一样的。你不能有相同的钥匙

所以你需要改变索引和用户的位置。。。 像这样：

users.map((user, index) => {}

（索引，用户）

->

（用户，索引）

第一个参数是当前数组对象，第二个是索引^。