[리액트를 다루는 기술] 이벤트

이벤트

이벤트란 사용자가 웹브라우저에서 DOM요소들과 상호작용 하는 것을 말한다.

리액트의 이벤트는 HTML에서의 이벤트와 유사하기에 걱정 없이 사용가능이다.

 

주의사항

• 카멜표기법을 사용해야함 "-" 이런거 쓰지마셈
• 이벤트에 할당되는 값은 함수로 주어져야한다 (JS코드 XX)
• DOM요소에만 적용가능하지 괜히 <Document> 이런데에 하지 말자..

이벤트 함수 여러개 있던데 그건 나중에 정리 한번 해볼까?? 

 

비동기적으로 객체를 참조하는 것

이게 뭐냐함은 SyntheticEvent는 네이티브 이벤트와 달리 이벤트가 끝나면 이벤트가 초기화 되서 정보를 참조 할 수 없다

그래서 비동기적으로 이벤트 객체를 참조하는 방법은 e.persist()를 호출하는것 ex) e.target.value ....

 

 

컴포넌트에 여러개의 인풋이 있고 state를 수정해야 하는데 어떻게 할까??

클래스형 : [e.target.name] : e.target.value 이걸 통해서 변경 할 수 있으니 넌 알겠지? 모르면 교재 찾아보기

함수형 : 교재 139p 보기