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

nana님의 프로필 이미지
nana

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

섹션35 13-01 질문

해결된 질문

작성

·

303

·

수정됨

0

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값을 가져오는 건 잘못된 것인지 궁금합니다.

답변 1

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! nana님!

수업을 정말 열심히 듣고 계신 것 같네요!

실제 오프라인에서 동일한 질문이 있었고, 해당 방법이 더 괜찮은 방법인 것 같아요!^^ 그렇게 하시면 됩니다!

nana님의 프로필 이미지
nana

작성한 질문수

질문하기