리액트 클래스 컴포넌트에 이벤트 정의하기
[React] 리액트 클래스 컴포넌트에 이벤트 정의하기
[React] 리액트 클래스 컴포넌트에 이벤트 정의하기
2022.01.03🎯 클래스 컴포넌트에 이벤트 정의 방법 함수를 이벤트 바인딩을 하지 않으면 해당 함수가 어떤 함수인지 알 수 없기 때문에 바인딩을 꼭 해줘야 한다. constructor()와 render()사이에 이벤트를 정의한다. 이벤트 명 = () =>{ //이벤트 기능 } constructor()에서 정의한 이벤트를 바인딩해준다. this.이벤트명 = this.이벤트명.bind(this); render()내에서 이벤트를 호출. 📝 메소드에서 이벤트 바인딩 // 화살표 함수를 사용한 이벤트 핸들러 onClick={(e)=>this.이벤트명(매개변수, e)} // bind()함수를 사용한 이벤트 핸들러 onClick={this.이벤트명.bind(this, 매개변수)} 화살표 함수를 사용하면 명시적으로 인자 e를 제공해..