728x90 300x250 SMALL 바인딩2 리액트 에서의 this 리액트 클래스 컴포넌트에서 THIS를 사용하기 위해 바인딩을 해야 하는 이유 단계적으로 살펴 보자 1. JavaScript에서 this는 호출 방식에 따라 결정 된다.자바스크립트에서 함수 내의 this는 함수 호출 방식에 따라 다르다.일반 함수 호출 : this는 undefined(strict mode)또는 전역 객체(window 또는 global) 참조메서드 호출 : 호출된 객체를 참조이벤트 핸들러 : 기본적으로 이벤트를 트리거한 DOM 요소를 참조리액트의 클래스 컴포넌트에서 메서드가 이벤트 핸들러로 전달될 때 메서드와 클래스 인스턴스 간의 연결이 끊어질 수 있다. 따라서 this가 undefined가 되어 오류가 발생할 수 있다. 2. 리액트 클래스 컴포넌트에서의 문제class MyCompo.. 2024. 12. 19. 바인딩이란? bind() 바인딩은 this를 특정 객체에 고정시키는 작업을 말한다.JavaScript에서는 bind 메서드를 사용해서 바인딩할 수 있다. 예시function sayHello() { console.log(this.name);}const obj = { name: "React" };const boundSayHello = sayHello.bind(obj); // obj와 바인딩boundSayHello(); // "React" 여기서 sayHello.bind(obj)는 sayHello 함수의 this를 항상 obj로 고정시킨다.이제 boundSayHello를 호출하면 this는 항상 obj를 가리킨다. 상황과 위치에 따른 this값일반 함수에서 thiswindow 객체중첩 함수에서 thiswindow 객체이벤트에서.. 2024. 12. 18. 이전 1 다음 728x90 반응형 LIST