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. |