인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

장봉현님의 프로필 이미지
장봉현

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

List 컴포넌트 생성하기

key를 props를 하는 이유

작성

·

243

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요 강의 잘 듣고 있습니다. 강의를 보면서 구현하다가 질문이 생겨 이렇게 남겨봅니다.

처음에 강의를 보고 List() 함수형 컴포넌트에서 key만 매개변수로 사용하지 않아서 props를 하지 않아도 되지 않을까 싶었지만 react-beautilful-dnd 관련하여 에러가 나더라구요. 함수형 컴포넌트에서 매개변수를 통해 직접적으로 가져오지 않음에도 key가 어떤 역할을 가지고 있는지 궁금합니다.

감사합니다

<List key={data.id} //props 안하면 에러 id={data.id} completed={data.completed} title={data.title} provided={provided} snapshot={snapshot} todoData={todoData} setTodoData={setTodoData} />

 

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 ~

혹시 다른 곳에서 나는 에러가 아닌가요?

제가 key를 지우고 했을 때는 에러가 없어서요 ~

에러가 난 다면 에러 문구와 함께 다시 올려주시면 감사하겠습니다 ~!

장봉현님의 프로필 이미지
장봉현

작성한 질문수

질문하기