inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

배열 렌더링하기

PhoneList.js 와 PhoneInfo.js 를 나누는 이유

167

carpediem0817

작성한 질문수 3

1

파일 구조를 보면 제가 이해하기로는

PhoneForm.js :

이름과 전화번호를 입력받고 입력상태를 App.js 로 넘기기

PhoneInfoList.js :

App.js 에 데이터를 PhoneInfoList.js 에서 받고 데이터를 

map으로 돌려서 list 로 만들어준 후

PhoneInfo.js :

PhoneInfoList 에서 받은 list 를 style 에 맞게 보여준다.

이렇게 이해를 했는데요.

PhoneInfoList 와 PhoneInfo 를 구분한 이유가 궁금합니다.

App.js 의 데이터를 PhoneInfo 에서 받아서 map 을 사용해서 

바로 style 에 맞게 화면이 보여주게 할 수도 있을텐데

List 로 만들어주고 화면에 보여주는 파일을 구분해주는 이유가

무엇인가요?

react javascript

답변 0

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