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

export default function LibraryIconPage(): JSX.Element {
  const onClickDelete = (event: MouseEvent<HTMLDivElement>): void => {
    console.log(event.currentTarget.id)
  }

  return (
    <div id="삭제게시글id" onClick={onClickDelete}>
      <MyIcon />
    </div>
  )
}

강사님께서 상위에 div를 만들고 event.currentTarget.id로 값을 받아오라고 설명해주셨는데,

svg 상위 태그인 span에 id가 있으니까

MyIcon에 id,onClick 넣고 event.currentTarget.id로

span의 id값을 가져오는 건 잘못된 것인지 궁금합니다.