[React] Event handling

허북이_·2022년 8월 2일
0

React

목록 보기
5/15
post-thumbnail

React에서의 이벤트 핸들링 방식

<button onClick={handleEvent}>Event</button>

자주 사용되는 이벤트 핸들링

  • onChange
    <input> <textarea> <select> 와 같은 폼(Form) 엘리먼트는 사용자의 입력값을 제어하는 데 사용됩니다. React 에서는 이러한 변경될 수 있는 입력값을 일반적으로 컴포넌트의 state 로 관리하고 업데이트합니다.

  • onClick
    onClick 이벤트는 말 그대로 사용자가 클릭이라는 행동을 하였을 때 발생하는 이벤트입니다. 버튼이나 <a> tag 를 통한 링크 이동 등과 같이 주로 사용자의 행동에 따라 애플리케이션이 반응해야 할 때 자주 사용하는 이벤트입니다.

Event handling 예시

profile
인간 거북이 허북이

0개의 댓글