Question

所有。我是学习React.js的新手。

我从

渲染数据没有问题

[
{
"id": 1,
"name": "user525",
"email": "user525@gmail.com"
},
{
"id": 2,
"name": "user252",
"email": "user252@hotmail.com"
}
]

renderUsers

renderUsers() {
        return this.state.users.map(user => {
            return (
                <tr key={ user.id }>
                    <td>{ user.id }</td>
                    <td>{ user.name }</td>
                    <td>{ user.email }</td>
                </tr>
            );
        })
    }

如果我的数据是

，我会遇到问题

[
  {
    "@attributes":{
       "id": 1,
       "name": "esien525",
       "email": "esien525@gmail.com"
     }
   }
]

如何从数组中删除@attributes？在这个问题上，Brain已经坚持了3个小时。

Answer 1

我不建议您从state移除@attributes来改变它。只需访问@attributes密钥

即可

return this.state.users.map(userAttributes => {
  let user = userAttributes["@attributes"];
  return (
    <tr key={ user.id }>
        <td>{ user.id }</td>
        <td>{ user.name }</td>
        <td>{ user.email }</td>
    </tr>
  );
})

如何在反应中渲染数组？

1 个答案: