Button을 클릭했을 때 attribute 값을 가져오기
import React from 'react';
import Button from 'react-bootstrap/Button';

function ExampleButton() {
  const handleClick = (event) => {
    const attributeValue = event.target.getAttribute('data-custom-attribute');
    console.log(attributeValue);
  };

  return (
    <Button data-custom-attribute="custom value" onClick={handleClick}>
      Click me
    </Button>
  );
}

export default ExampleButton;

 

이런 식의 코딩은 그다지 추천하지 않는다.

 

그냥 핸들링에서 끝내는 게 좋다. 애트리뷰트에 저장하는 것보다는 파라미터로 전달하는 게 좋다.

 

onClick={() => handleRowClick(`/${item.srl}`)}
이 카테고리의 목록123개의 게시물
해상임무 계승반지 작업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.
Next.js와 functions의 연동2024. 2. 28.