onClick과 onChange 이벤트에 대해서 질문 있습니다!

이벤트 트리거 시에  다음 두 가지 형태로 차이가 나게 사용하는데,

차이가 뭔지 감이 안 잡힙니다 ㅠㅠ

onChange에는 그냥 함수 이름을 전달, 

onClick에는 arrow function으로 호출하는 형태인 것은 알겠는데 무슨 차이일까요...?

onChange에서도 (e) => handleOnChange(e)라 해도 되지 않을까요?!

const handleOnClick = () => {

     블라블라블라

}

const handleOnChange = () => {

     블라블라블라

}

- onChange -

<input onChange = {handleOnChange}> Test </input>

- onClick -

<button onClick = {() => handleOnClick()}> Test </button>