[React] React, HTML 에서 dataset을 활용해 Dom요소에 값 저장하기

1. [React] React, HTML 에서 dataset을 활용해 Dom요소에 값 저장하기.

---

@ dataset : Dom요소에 값 저장하기

• 지정 :  = “지정”
• data-이름
• 불러오기 : Dom.dataset.name
• data- 뒤에 사용불가능 : 대문자 영문
• data- 뒤에 사용가능 : 소문자 영문, 점(.), 하이픈(-), 로우데시(\_), 콜론(:)

 

@ 예시 코드를 통해 dataset사용법을 확인해 보도록 하자.

function Dataset() {
  const onClick = (e) => {
    const name = e.target.dataset.name;
    console.log(name); //  Eungwang
  };
  return (
    <>
      <button onClick={onClick} data-name="Eungwang">
        클릭
      </button>
    </>
  );
}