Question

我有一个包含密钥的对象（＆＃39; admin＆＃39;，＆＃39; marketer＆＃39;等），它指向具有指向用户值的键（用户ID）的对象数组（姓名，地址等）。我试图返回一个div，它有一个外部对象键的h2和一个包含用户名的div。这是我的代码：

    let rolesAndUsers = Object.keys(this.state.roles).map((role, idx) => {
  console.log(this.state.roles);
  console.log(this.state.roles[role]);
  return (
    <div key={idx}>
      <h2>{role}</h2>
      {this.state.roles[role].map((user, idx) => {
        console.log(user);
        return <div key={idx}>{user.name}</div>
      })}
    </div>
  )
})

角色名称的h2出来了，但是每个h2下面都没有，当我在console.log中时，它返回的用户名未定义，即使我记录用户对象时，我得到{ 地址：＆＃34; 123 main st＆＃34;，电子邮件：＆＃34; test@gmail.com" ;, 姓名：＆＃34;约翰史密斯＆＃34;}

    return (
  <div className="App">
    {rolesAndUsers}
    <button className="update-button cf-btn-primary"onClick={this.handleClickUpdate}>Update</button>
  </div>
);

this.state.roles：

{Admin: Array(1), Marketer: Array(1), Developer: Array(2)}
Admin
:
Array(1)
0
:
{4AwbLJ123HPuEonrU: {…}}
length
:
1
__proto__
:
Array(0)
Developer
:
Array(2)
0
:
{7CU7sLAxbhdNF2jkq5Nk: {…}}
1
:
{4xYz3qegVajoeTpOrma: {…}}

有关为什么我无法将用户名称输入管理员名称内的div的任何见解？感谢

无法访问要在div中呈现的对象的值

0 个答案: