destructuring map item

nusmoney_client/src/App.js

@@ -50,9 +50,9 @@ class App extends React.Component {
                 </header>
                 <div className="App-list">
                     <ul>
-                        {this.state.user.map((item) => (
+                        {this.state.user.map(({ user_id, name, mail, nric}) => (
-                            <li key={item.user_id}>
+                            <li key={user_id}>
-                                {item.user_id} {item.name} {item.mail}
+                                {user_id} {name} {nric} {mail}
                             </li>
                         ))}
                     </ul>