Transform an array of items v1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | const PostList() { const posts = [ { title: 'Montreal', id: 1 }, { title: 'Lviv', id: 2 } ]; const postList = posts.map((post) => <li key={post.id}> {post.title} </li> ); return ( <ul>{postList}</ul> );}export default PostList; |
Transform an array of items v2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | const PostList() { const posts = [ { title: 'Montreal', id: 1 }, { title: 'Lviv', id: 2 } ]; return ( <ul> {posts.map((post) => ( <li key={post.id}> {post.title} </li> ))} </ul> );}export default PostList; |