보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

이벤트 핸들러에 인자 전달하기 루프 내부에서는 이벤트 핸들러에 추가적인 매개변수를 전달하는 것이 일반적이다. 예를 들어, id가 행의 ID일 경우 다음 코드가 모두 작동한다. this.deleteRow(id, e)}>Delete Row Delete Row 위 두 줄은 동등하며 각각 화살표 함수와 Function.prototype.bind를 사용한다. 두 경우 모두 React 이벤트를 나타내는 e 인자가 ID 뒤에 두 번째 인자로 전달된다. 화살표 함수를 사용하면 명시적으로 인자를 전달해야 하지만 bind를 사용할 경우 추가 인자가 자동으로 전달된다.

React elements에 대한 event handling은 DOM element에 대한 event handling과 매우 유사하다. 하지만 몇 가지 차이점이 있다. React element 이벤트 핸들링 기본 React 에서 events 이름은 반드시 camelCase(카멜케이스, 낙타표기)를 사용해야 한다. React 에서 event handler(이벤트 핸들러)는 JSX 형태로 함수를 표기한다. // 기존 DOM element 에서 사용하는 방법 Activate Lasers // React에서 사용하는 방법 Activate Lasers 위 예제를 살펴보면, onClick과 같이 camelCase로 이벤트 이름을 설정하고, event handler의 연결은 JSX 표기인 { } 를 사용하고 있다. ..