인프런 커뮤니티 질문&답변
작성한 질문수
map사용시 info관련 질문입니다.
18.07.01 17:10 작성
·
114
0
const list = data.map( 1.info => (<PhoneInfo 2.info={3.info} key={info.id} />)
)
여기서 1번 info가 data안에있는 info라는것을 PhoneInfo컴포넌트에 전달해준다고 하셨는데 1번info는 props로 가져온 data 값 중 PhoneInfo에 있는 비구조화 할당을 통해 추출된 값인가요?
1번info는 data에서 가져온 값 중 추출된 값, 2번info는 PhoneInfo에 있는 변환될 대상, 3번Info는 1번info 정도로 이해하면 되는건가요? 이부분이 볼때마다 어려운것 같습니다ㅠㅠ
답변 1
0
2018. 07. 07. 21:49
1의 info는 data 배열의 하나 원소를 의미합니다.
2.의 info는 PhoneInfo에 전달해줄 props 이름을 의미하고요
3의 info는 1번과 같습니다.
1, 3의 info는 아래 코드에서의 item과 같다고 보시면 됩니다.
const items = [
{name: '홍길동', age: 25},
{name: '신데렐라', age: 23},
{name: '이순신', age: 35}
]
items.map(item => {
console.log('item: ', item) // {name: "홍길동", age: 25}부터 하나씩 출력
})