버튼의 값을 State에 할당하는 방법

참고:

 

내가 하려던 것은 간단했다.

 

여기에 state가 있다. 컴포넌트 내부에 임시로 저장하기 위해 part를 초기화했다.

 

그리고 여기에 버튼이 있다. 버튼에 적힌 글과 value값은 같다.

 

나는 버튼을 누르면 버튼의 값이 state에 저장되었으면 했다. 대부분 텍스트박스를 하나 만들고 거기에 입력하는 내용을 state에 저장하는 방법만 알려주던데 내가 하려는 건 훨씬 단순했다. 넣으려는 값이 정해져 있으니까!

그런데도 뭐가 문제인건지 끝없이 오류가 나고 3시간을 해맸다.

 

그러다 스택플로우에 올라온 글을 발견! innerHTML을 이용해 <Button></Button> 내부의 값을 state에 넣는다는 멋진 답변을 보고 적용해 보았다.

대성공이다! 수고했다 나 자신