added unique key fields in Photo and Posts components

Skona27 · Jan 24, 2019 · c341f43 · c341f43
1 parent 8534806
commit c341f43
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "orange-zadanie-testowe",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "axios": "^0.18.0",

diff --git a/src/components/Photos/PhotoList.js b/src/components/Photos/PhotoList.js
@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 
 const PhotoList = props => (
     props.photos.map(photo => (
-        <PhotoItem {...photo} fullSize={props.photoClick} />
+        <PhotoItem key={photo.id} {...photo} fullSize={props.photoClick} />
      ))
 );
 

diff --git a/src/components/User/UserPosts.js b/src/components/User/UserPosts.js
@@ -7,7 +7,7 @@ const UserPosts = props => (
     <div>
         <h3 className={marginTop}>Recent Posts:</h3>
         <ul className={list}>
-            {props.posts.map(post => (<li><em>Title: {post.title}</em></li>))}
+            {props.posts.map(post => (<li key={post.id}><em>Title: {post.title}</em></li>))}
         </ul>
     </div>
 );