당근먹는하니 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
반응형