如何从ID列表中获取ID的用户名

Question

当我打印所有用户列表时，会显示以下内容：

allusers {
           2BrbqqlkVf1NSocm58qr95iL5h2: {…}, 
           7VQMBXdTPIZZZ8ztOLx9JEeRty1: {…}, 
           HNXrFSF3YoT07qapsz3xE9ODGp2: {…}, 
           NwiWN3xDq3awRghWscVBEmxaclB2: {…}, 
           P7P4Vc5hy1ZrYY9YDB5AfNIpQf2: {…},
 …}

每个id都像这样：

2BrbbqqlkVf1NSocm58q95iL5h2: {Username: "ee", Email: "ee@gmail.com"}

我将ID存储在候选人ID中，如何获取用户名？ 我尝试过：

<Button onClick={() => setchosen(candidateid)}>
  <h1>{allusers.candidateid.Username}</h1> 
</Button>

我也尝试使用.map，但它不起作用

Answer 1

您不能将候选ID用作属性访问，因为javascript会尝试在allUsers上以文字名称候选ID查找属性。

您想要做的是：

allusers[candidateId].Username

使用保存在candidateId中的值。

Answer 2

您可以轻松做到：

allusers[candidateId].Username