React: Transform an array of items

Transform an array of items v1

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

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;

Leave a Comment