map사용시 info관련 질문입니다.
144
작성한 질문수 1
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
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}부터 하나씩 출력
})key is not a prop 에러에 대하여
0
697
1
App.js에서 handleCreate 함수 생성 시 오류
0
463
1
PhoneForem.js 파일에서 [e.target.phone] : e.target.value 해줘야하지 않나요?
0
406
1
firebase에서 db 데이터 값 가져오기 중...
0
532
1
강의 교재 받을 수 있나요?
0
438
0
라이프사이클 관련 질문
0
289
0
onClick = {smoe callback} 은 render 를 다시 호출 하나요?
0
225
0
동영상 하단에 링크가 없어요
0
314
0
var를 사용안한다 하셨는데
0
411
1
수강자료는 어디서 받나요
1
584
1
영상 링크가 변경된 것 같습니다.
10
440
0
계속 보고있지만 구동되는 방향성을 이해못하겠어요 ㅠㅠ.
0
280
0
리액트 virtualDOM 개념과 state 불변성 관련 개념이 어떻게 다른건지 궁금합니다.
0
230
0
npm 을 사용해서 create 하려니까 안되네요
0
262
0
배열안의 데이터 수정하기에서 12:19 화면 부분이 궁금해서 질문드립니다.
0
229
0
계속 PhoneForm.js 파일을 못읽는거같더니
1
267
0
this에 관해서 질문드립니다!!
0
334
1
배열 데이터 렌더링 및 관리파트에서 props로 값 가져올때 질문있습니다!
0
218
0
함수형 컴포넌트는 state를 어떤 식으로 정의하는지 궁금합니다.
0
417
1
ㅇ
0
343
1
import 질문
0
292
2
index.js 파일이 다릅니다
2
224
0
const {변수명} = ? 표현법
1
2862
1
create-react-app 오류 (Cannot find module './encoding/utf8')
0
278
0