강의

멘토링

커뮤니티

Inflearn Community Q&A

yjchoe9382's profile image
yjchoe9382

asked

[React Part 1] Learning React by Building and Comparing

[Pure JS 1] Search results 1

getList와 _getItem 같이 쓰는부분 잘 이해가 안됩니다...

Written on

·

214

3

getList(data = []) {
    console.log(data);
    return `
      <ul class="result">
        ${data.map(this._getItem).join("")}
      </ul>
    `;
  }

  _getItem({ imageUrlname }) {
    return `
      <li>
        <img src="${imageUrl}" alt="${name}"/>
        <p>${name}</p>
      </li>
    `;
 }

이부분 이해가 잘 안됩니다...

위에 getList 함수에서 data.map 안쪽에 값이

this.getItem 을 파라메터도 없이 하셨는데 무슨 문법인가요??

 

MVCreact

Answer 1

6

jeonghwan님의 프로필 이미지
jeonghwan
Instructor

Array객체의 map 메소드는 함수를 인자로 받습니다. 그래서 _getItem 함수를 전달한 것이고요. 

map 메소드는 전달받은 함수를 실행하는데 각 배열의 항목을 함수 인자로 전달해 줍니다. _getItem함수는 전달 받은 배열의 항목을 받는데 여기서는 객체의 imageUrl과 name을 해체 문법으로 접근한 코드입니다.

아래 코드도 같은 일을 하는데 참고해 주세요. 

data.map(item => this._getItem(item))
yjchoe9382's profile image
yjchoe9382

asked

Ask a question