-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
map사용시 info관련 질문입니다.
18.07.01 17:10 작성 조회수 84
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 정도로 이해하면 되는건가요? 이부분이 볼때마다 어려운것 같습니다ㅠㅠ
답변을 작성해보세요.
0
koronya
2018.07.07
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}부터 하나씩 출력
})
답변 1