PostCardOne.js의 {posts}에 관한 질문입니다.

const PostCardOne = ({posts}) => {} 부분에서 궁금한 것이 있습니다.

코드를 작성하다가 PostCardList.js에서 {post ? <PostCardOne posts={posts}} /> ... 부분과 관련이 있는데요

PostCardOne에서 제가 {} 내부에 post라고 작성을 하여 카드들이 한참 나타나지가 않아서 애를 먹었습니다.  계속 잘못된 부분을 찾아보니 결국 posts와 post가 매칭이 되지 않아서 카드가 나타나지 않은 것으로 생각이 되는데요

react와 관련하여 다른 곳에서는 props를 이용해서 값을 받더라고요.

props.posts와 {posts} 가 같은 기능을 나타내는 것인가요?

변수 이름을 서로 맞춰야하는 부분이

PostCardOne에서는 ()안에 {posts}와

PostCardList에서는 

<Row>{posts ? <PostCardOne posts={posts} /> ...} 부분에서 {posts}를 담은 posts로 맞추는 것이 맞나요?