리액트에서 이벤트 다루기 - click

CHEESE·2021년 7월 22일
0

onClick
onChangePage

a의 onClick 함수 안에서 a의 속성 값을 사용하고 싶은 경우
onClick 익명 함수 내에 이벤트 객체(e)로부터 가져올 수 있다.

e.target => a를 가리킴
e.target.dataset.A => a의 data-A 속성 값을 가리킴

onChangePage를 컴포넌트의 props로 넘겨서 하위 컴포넌트를 그릴 때 원하는 곳에 해당 함수를 넣어줄 수 있다.

이벤트를 통해 하위 컴포넌트에서는 상위 컴포넌트의 데이터를 바꿔줄 수 있음
상위 컴포넌트가 하위 컴포넌트한테 데이터를 전달 할 때에는 props

0개의 댓글