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

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

Jane Ro님의 프로필 이미지
Jane Ro

작성한 질문수

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

할 일 목록을 수정하는 기능 추가하기

handleSubmit안ㅇ에 id는 어떻게 전달되는거죠?

작성

·

160

0

const handleSubmit = (event) => {
event.preventDefault();

let newTodoData = todoData.map((data) => {
if (data.id === id) {
data.title = editedTitle;
}
return data;
});
setTodoData(newTodoData);
setIsEditing(false);
}


todoData.map에서 data.id === id할때, 이 id는 어떻게 전달되는거죠? 제가 생각했을때는 이 정보를 전달 하려면 button onClick={() => handleSubmit(id)} 이렇게라도 전달해야된다고 생각했는데..ㅠㅠ

답변 1

0

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

안녕하세요.
Jane Ro님

위로 가보시면 props로 부모 컴포넌트에서 id를 자녀 컴포넌트인 List 컴포넌트로 전달해주고 있습니다. 

const List = ({ id, title, completed, todoData, setTodoData, provided, snapshot }) => {
 

여기에 있는 id라고 보시면 됩니다. 
감사합니다.

Jane Ro님의 프로필 이미지
Jane Ro

작성한 질문수

질문하기