React에서 이벤트를 사용할 때 주의 사항

1202 단어 JavaScriptDOMDOM

💡 이벤트(Event)란?

웹 브라우저에서 DOM요소와 상호작용하는 것.

주의 사항

  1. 이벤트 이름은 카멜 표기법으로 작성한다.

    예시
    onclick (x)
    onClick (o)

  2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아닌, 함수 형태의 값을 전달한다.

    예시
    dothat = e => console.log("함수형태의 값을 전달해야 됩니다.")
    <(DOM 요소) onClick={dothat}/>

  3. DOM 요소에만 이벤트 설정 가능

<ThisIsComponent onClick={dontDoThat}/> (x), 이는 props로 인식.
<div onClick={doThat}/> (o), 컴포넌트 내부의 DOM 이벤트로 설정.

좋은 웹페이지 즐겨찾기