javascript - 使用键映射和过滤对象数组

Question

我有一组用户对象:

const users = [
    0: {
        name: "John",
        email: "jsmith@gmail.com"
    },
    1: {
        name: "Bob",
        email: "bsmith@gmail.com"
    }
]

控制选择哪个用户 ID 的 useState。

const [id, setId] = useState("1");

例如我将默认状态设置为 id=1

我正在尝试映射和过滤上面的对象数组以获取名称，并根据对象数组内的 ID 获取电子邮件。

这是我正在尝试做的代码，但它似乎没有从对象数组中获取数据。

{Object.keys(users).filter((user) => user.id === id).map((user, index) => {
    const userDetails = users[user]
    return (
        <div className="profile" key={index}>
            <h1>{userDetails.name}</h1>
            <h1>{userDetails.email}</h1>
        </div>
    );
})}

如有任何帮助，我们将不胜感激。

Answer 1

users 是一个对象数组。所以只使用没有过滤器或 map 的索引:

const userDetails = users[id]
return (
    <div className="profile">
        <h1>{userDetails.name}</h1>
        <h1>{userDetails.email}</h1>
    </div>
);