inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[React 1부] 만들고 비교하며 학습하는 React

[순수JS 1] 검색결과 1

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

226

yjchoe

작성한 질문수 1

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 을 파라메터도 없이 하셨는데 무슨 문법인가요??

 

MVC react

답변 1

6

김정환

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

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

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

data.map(item => this._getItem(item))

리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

1

112

2

super.show() 호출하는 이유가 궁금합니다.

1

101

2

class와 constructor를 이용한 객체 지향 프로그래밍

0

240

2

mvc 패턴 질문

0

209

2

Cannot read properties of undefined (reading 'props')

0

290

2

delegate, emit 필요한 이유

0

206

2

어떤거를 먼저 들어야 하는지 도와주세요

1

275

1

localhost:8080 접속 불가

1

296

1

최근검색어 3 풀이에서

1

195

1

import 문제

1

246

1

자동변환 관련

1

213

1

sort() 질문 드립니다.

1

312

2

reset 시점에 searchResult 빈 배열로 update

2

320

2

Button에 Onclick사용

1

260

1

npx lite-server error 확인 요청드립니다.

1

482

2

node 20이상 쓸때 꿀팁

4

778

3

디버깅 관련질문이 있습니다.

1

306

1

[순수JS2]탭 3(풀이) 질문있습니다.

1

232

1

추상화를 어떻게 받아들이면 될까요??

1

446

1

on 메서드 eventName 문의

1

268

1

import에 관해서 질문드립니다

1

262

1

view.js의 on 메소드에 대해 질문드립니다

1

263

1

componentDidMount에서 getKeywordList()를 하는 이유

1

248

1

[순수JS1]검색폼2_git branch 이동관련

1

283

1