인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
질문 : 삭제 버튼 아규먼트 (id)
작성
·
16
0
갑자기 이해가.. .
이게 왠.. ㅡㅡ;;;
const handleDeleteItem = id => { setDummyData(dummyData.filter(item => item.id !== id)); };
에서 id 값을 어디서 가지고 오는지 알 수 있을까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
handleDeleteItem 함수에서의 id는 onDeleteItem이라는 이벤트 핸들러를 통해 전달됩니다. 이 함수는 주로 각 리스트 항목에 연결된 버튼의 onClick 이벤트에 사용됩니다. 예를 들어, 각 항목에 삭제 버튼을 만들고 그 버튼에 onClick={() => handleDeleteItem(item.id)} 형태로 설정하게 되면, 해당 항목의 id 값이 handleDeleteItem 함수로 전달됩니다. 즉, 사용자가 특정 항목의 삭제 버튼을 클릭하면, 그 항목의 id가 이벤트 핸들러를 통해 전달되어 해당 항목을 포함하지 않는 새로운 리스트를 만듭니다.
이와 관련하여 더 상세한 설명은 인프런의 관련 질문 및 답변에서 확인하실 수 있습니다. 해당 게시물에서는 onClick 이벤트 핸들러와 관련된 다양한 활용 예제를 다루고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.