인프런 커뮤니티 질문&답변
작성한 질문수
PostCardOne.js의 {posts}에 관한 질문입니다.
해결된 질문
작성
·
182
0
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로 맞추는 것이 맞나요?
답변 2
1
1. props.posts와 {posts}는 같습니다.
[참고][구조분해 할당] https://ko.javascript.info/destructuring-assignment
props.posts -> props(넘겨져오는 것) . (중) posts(posts를 뽑아주세요 라는 의미)
{posts} -> 넘겨져오는 (props) 들중 posts를 뽑아주세요
2. {posts}를 담은 posts로 맞추는 것이 맞나요? 네 넘겨주는 것은 이름자체는 무엇으로 하든 상관없습니다.
props={posts}로 해도 되지만, 무엇을 넘겨주는지 알기위해 의미를 닮아 이름을 지어주기도 합니다
0
