자바스크립트 - 콜백 함수의 첫번째 인자는 언제나 이벤트 객체

key={num}
onClick={(key) => onPageChange(key)}

버튼에 온클릭 이벤트를 주면서 이런 식으로 코드를 작성했더니 

콘솔에 찍어봤을때 자꾸 이벤트 객체가 출력됐다.

 

콜백함수의 첫번째 인자는 언제나 이벤트 객체이다. 

따라서

onClick={() => onPageChange(num)}

인자는 생략하고 콜백함수에 num 값을 직접 전달해준다

---

onClick(e) => { 
const value = e.target.value
}

이런식으로 많이 작성해봤는데도 내가 생각한 값이 출력이 안돼서 당황했다