프론트엔드✏️/코드캠프
React - event
당근먹는하니
2022. 5. 28. 04:16
728x90
반응형
이벤트(event)
사용자가 웹에서 DOM 요소들과 상호 작용하는 것
리액트에선 카멜 표기법(onclick->onClick)으로 작성한다.
DOM 요소에만 이벤트를 설정할 수 있다. - div, button, form, span 등(직접 만든 컴포넌트엔 설정할 수 없다. props 전달은 가능)
이벤트 종류
Keyboard, Touch, Focus, Mouse, Image, Animation, Transition, Form, Composition 등
이벤트를 다루는 함수 이름은 handle____ 로 많이 짓는다.
객체 안에서 key를 [ ]로 감싸면 그 안의 레퍼런스가 가리키는 실제 값이 key 값으로 사용된다.
const name = '찐빵';
const object = { [name]: 'value' }; // '찐빵' : 'value'
김민준, ⌜리액트를 다루는 기술⌟, 길벗, 2019
728x90
반응형