질문 : 삭제 버튼 아규먼트 (id)
50
작성자 없음
投稿した質問数 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 이벤트 핸들러와 관련된 다양한 활용 예제를 다루고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
오타?
0
30
1
뭐하나 여쭤봐도 될까요?
0
70
1
안녕하세요 질문이 있습니다.
0
55
2
Tailwind 버전 확인
0
62
1
align-items 정렬
0
50
2
vite 명령어로 프로젝트를 만들었습니다. (vscode)
0
79
1
31. 객체 업데이트 하기 - 10:15 질문
1
56
2
강의교안, 내용 인용해서 블로그 글 작성
1
80
2
이미지가 출력되지 않아요
1
74
2
강의와 만들어진 코드가 달라요
0
76
3
AI와 CSS 라이브러리의 궁합
0
95
1
onClick 이벤트에 함수 넘길 때
0
67
1
린캔버스 기능 구현은 왜 못하나요.... 구현하고 싶습니다...
0
101
1
notes 없음 읽기 오류
0
72
1
Object.assign 문법
0
64
1
react-router 전혀 기능 안함
0
53
1
react-router-dom@6.25.1
0
47
1
React Router 최신 스펙
0
207
1
Immer 에서 filter, map 사용
0
54
1
vite 설치에 대해 질문있습니다.
0
76
2
라이브러리 버전 일치 이슈
0
76
1
"Enter 키 발생 시 항목 추가" 부분에서 공백이 포함되면 한 줄이 더 입력됩니다
0
49
2
TotalCounter을 작성할때
0
65
2
gitHub 레파지토리 보면
-4
118
3