反応に配列をレンダリングする方法は？

Question

私はReact.jsを学ぶことに新しいです。

私は私のデータは@attributesを削除する方法を

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

のようなものであるならば、私は問題に直面

[ 
{ 
"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> 
      ); 
     }) 
    } 

からデータをレンダリングするためには問題がありませんでしたアレイから？脳はこの問題で3時間ぎこちなかった。

Answer 1

stateから@attributesを削除して変異させることはお勧めしません。ちょうどあなたが私の問題を解決するために1 mnuteを使用@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> 
 
); 
 
})