ADD: tweet.id as the unique key of mapped tweet item

achmiral · achmiral · commit 7b15d9acc888 · 2017-02-26T21:33:04.000+07:00
diff --git a/5-redux-react/src/js/components/Layout.js b/5-redux-react/src/js/components/Layout.js
@@ -27,7 +27,7 @@ export default class Layout extends React.Component {
       return <button onClick={this.fetchTweets.bind(this)}>load tweets</button>
     }
 
-    const mappedTweets = tweets.map(tweet => <li>{tweet.text}</li>)
+    const mappedTweets = tweets.map(tweet => <li key={tweet.id}>{tweet.text}</li>)
 
     return <div>
       <h1>{user.name}</h1>

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export default class Layout extends React.Component {`
`27`	`27`	`return <button onClick={this.fetchTweets.bind(this)}>load tweets</button>`
`28`	`28`	`}`
`29`	`29`
`30`		`- const mappedTweets = tweets.map(tweet => <li>{tweet.text}</li>)`
	`30`	`+ const mappedTweets = tweets.map(tweet => <li key={tweet.id}>{tweet.text}</li>)`
`31`	`31`
`32`	`32`	`return <div>`
`33`	`33`	`<h1>{user.name}</h1>`