[map-2]#map2

map-2.js

const Posts = ({posts }) => (
  <main className="posts">
  	<h1 className="posts-title">{post.title}</h1>
<div className="posts-list">
  {posts.map((post) => (
		<Post
    //on utilise l'id de la clé
    key={post.id}
 //déversement du props 
  {...post}
  />
    	))}
	</div>
</main>
);


Posts.propTypes ={
  posts:PropTypes.arrayOf(
    PropTypes.shape({					// à cause de l'id de la clé
      id: PropTypes.number.isRequired, // à cause de l'id de la clé
    }),
  ),
  
  
  
};