이벤트 객체를 통해 상위 태그를 접근하기
import React from 'react';

function ExampleComponent() {
  const handleClick = (event) => {
    console.log(event.target.parentNode);
  };

  return (
    <div id="parent">
      <button onClick={handleClick}>Click me</button>
    </div>
  );
}

export default ExampleComponent;

 

이런 식의 코딩은 정말 피하자.
이건 HTML 수정도 어렵고, 이벤트 처리는 더더욱 어려워 진다.

이 카테고리의 목록총 124개의 게시물
달리기가 답이다2024. 3. 31.
해상임무 계승반지 작업2024. 3. 18.
Container 컴포넌트의 좌우 패딩 값 없애기2024. 2. 29.
에어컨설치 서비스 메인페이지 히어로섹션 기획2024. 2. 29.
에어컨설치 서비스 메인페이지 기획2024. 2. 29.
MUI, 머티리얼유아이 설치하기2024. 2. 29.
글로벌 스타일 적용하기2024. 2. 29.
Next.js + Firebase 프로젝트 시작하기2024. 2. 29.
파비콘 favicon.ico 적용하기2024. 2. 29.
네이버 블로그 포스팅, 누락 안되게 하기2024. 2. 28.