Handling Event

primav·2024년 7월 7일

React

목록 보기
12/35
post-thumbnail

Event

: 특정 사건 ex) 버튼 클릭 등

💡 DOM의 Event

➡️ onclick 사용
➡️ 이벤트 처리할 함수를 문자열로 전달

💡 React의 Event

➡️ onClick 사용
➡️ 이벤트 처리할 함수를 함수 그대로 전달

💡 Event Handler = Event Listener
: 어떤 사건이 발생하면, 사건을 처리하는 역할

➡️ 함수처럼 생성
➡️ bind 사용

💡 이벤트 함수 정의법

➡️ useState() 사용해서 state 처리
➡️ Arrow Function으로 이벤트 함수 생성

Argument

: 함수에 전달할 데이터
: Event Handler에 전달할 데이터
: 매개변수
ex) 버튼 클릭하면 해당 사용자의 id 보냄

0개의 댓글