마우스 클릭 이벤트 순서

onMouseDown -> onMouseUp -> onClick

onFocus시에 하위 버튼이 나오고 onBlur시에 사라지는 컴포넌트를 만들었는데, 버튼에 onClick으로 함수를 줬더니 onBlur가 먼저 실행되어 클릭이 안되는 문제가 생겼다.

이럴때는 onClick대신 onMouseDown을 써주면 onBlur전에 실행되므로 onMouseDown을 써주자!

참고
https://star12ap.github.io/frontend/mouseevent/