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}`)}