리액트를 다루는 기술 part3

hwakyungChoi·2020년 8월 20일
0
post-custom-banner

1.이벤트

  • 사용자가 웹 브라우저에서 DOM요소들과 상호 작용하는 것
  • 주의 사항
    - 이벤트 이름은 카멜 표기법
    • 함수 형태의 값을 전달
    • DOM 요소에만 이벤트를 설정할 수 있음

2. SyntheticEvent

  • 이벤트가 끝나고 나면 이벤트가 초기화되므로 정보를 참조할 수 없음
  • 비동기적으로 이벤트 객체를 참조할 일이 있다면 e.persist() 함수 호출

3. 바인딩

  • 함수가 호출될 때 this는 호출부에 따라 결정 => 클래스의 임의 메서드가 특정 HTML 요소의 이벤트로 등록되는 과정에서 메서드와 this의 관계가 끊어져 버림
    -이벤트로 등록되어도 자신을 제대로 가리키기 위해서 메서드를 this 와 바인딩해야 함
  • constructor 함수에서 함수를 바인딩하는 작업이 이루어짐

0개의 댓글