inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

배열 렌더링하기

map사용시 info관련 질문입니다.

159

김찬호

작성한 질문수 1

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 정도로 이해하면 되는건가요? 이부분이 볼때마다 어려운것 같습니다ㅠㅠ

javascript react

답변 1

0

koronya

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}부터 하나씩 출력
})

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

53

1

key is not a prop 에러에 대하여

0

739

1

App.js에서 handleCreate 함수 생성 시 오류

0

504

1

PhoneForem.js 파일에서 [e.target.phone] : e.target.value 해줘야하지 않나요?

0

438

1

firebase에서 db 데이터 값 가져오기 중...

0

565

1

강의 교재 받을 수 있나요?

0

457

0

라이프사이클 관련 질문

0

322

0

onClick = {smoe callback} 은 render 를 다시 호출 하나요?

0

242

0

동영상 하단에 링크가 없어요

0

328

0

var를 사용안한다 하셨는데

0

439

1

수강자료는 어디서 받나요

1

606

1

영상 링크가 변경된 것 같습니다.

10

468

0

계속 보고있지만 구동되는 방향성을 이해못하겠어요 ㅠㅠ.

0

290

0

리액트 virtualDOM 개념과 state 불변성 관련 개념이 어떻게 다른건지 궁금합니다.

0

248

0

npm 을 사용해서 create 하려니까 안되네요

0

279

0

배열안의 데이터 수정하기에서 12:19 화면 부분이 궁금해서 질문드립니다.

0

248

0

계속 PhoneForm.js 파일을 못읽는거같더니

1

291

0

this에 관해서 질문드립니다!!

0

355

1

배열 데이터 렌더링 및 관리파트에서 props로 값 가져올때 질문있습니다!

0

233

0

함수형 컴포넌트는 state를 어떤 식으로 정의하는지 궁금합니다.

0

432

1

0

368

1

import 질문

0

309

2

index.js 파일이 다릅니다

2

234

0

const {변수명} = ? 표현법

1

2896

1