[React] 타입스크립트 오류 해결

💍Type 'string' is not assignable to type 'MouseEventHandler<HTMLButtonElement>'.

 

오류해결

 

이벤트 핸들러란?

• 특정 요소에서 발생하는 이벤트를 처리하기 위해 사용하는 함수
• 이벤트 핸들러가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면, 웹 브라우저는 연결된 이벤트 핸들러를 실행

onClick	마우스 클릭 시
ondbClick	마우스 더블클릭 시
onmousedown	마우스 버튼 누를 시
onmouseup	마우스 버튼에서 손 뗄 시
onmouseout	마우스 포인터가 요소를 벗어날 시
onmousemove	마우스 포인터가 요소 위에서 움직일 시
onmouseover	마우스 포인터가 요소 위에 올라왔을 시
onkeydown	키보드 누를 시
onkeypress	키보드를 누르고 손가락을 뗄 시
onkeyup	키보드 키에서 손가락을 뗄 시
onChange	input 요소 값이 바뀔 시(변경 이 후, 포커스를 잃을 때)
oninput	input 요소 값이 바뀔 시(바뀐 직후)
onblur	input 요소에서 focus를 잃을 시
onfocus	input 요소에서 focus가 주어질 시(커서가 들어 올 때)
onsubmit	폼 제출 버튼을 누를 시
onload	해당 페이지가 처음 읽힐 시(브라우저에서 문서를 읽을 때)
onunload	해당 페이지를 나갈 시(브라우저에서 문서를 닫을 때)
onabort	페이지나 이미지 읽어오기가 중단 됐을 시
onerror	페이지나 이미지를 읽어오는 중 오류가 발생할 시