如何渲染數組？

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" 
    } 
    } 
] 

我面對的問題，如何刪除@屬性從陣列？大腦已經在這個問題上困擾了3個小時。

Answer 1

我不推薦通過從中刪除@attributes來改變您的state。剛剛訪問@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> 
 
); 
 
})