javascript - 如何从firebase（ReactJS）获取用户ID和显示？

Question

我正在使用带有 reactJs 的 firebase，我想显示用户名和用户 ID。我有将道具发送到 User.js 组件的 App.js 文件，以显示数据。现在，我成功地为列表中的每个用户显示名称 - 类似这样：

用户名：詹姆斯

用户名：Jhon。. .

我想在“用户名”下方添加每个用户的文档 ID。

我的火力基地结构：

Users-
     -someId1-
             -Name: James
     -someId2-
             -Name: Jhon

我在 App.js 中的 map 函数将数据传递给 User.js 组件：

return (
        <div>
            <div>
                {users.map(item => {
                    return (
                        <User
                             name={item.Name}
                        />                          
                    )
                })}</div>
        </div>
);

用户.js：

function User({ name }) {
.
.
.
return (
        <div>
            <p>Username: {name}</p>
        </div>
);
}

我怎样才能显示 id (someId1, someId2) 像：

用户名：James ID：someId1

用户名：Jhon ID：someId2

谢谢！

标签： javascripthtmlreactjs