인프런 커뮤니티 질문&답변
작성한 질문수
답변 2
2
John Ahn
지식공유자
안녕하세요!!!
리액트 클래스 컴포넌트 안에서 this 는 그 컴포넌트 자체를 가지고 있습니다.
예를 들어서
class App extends React.Component {
componentDidMount() {
this.aMethod();
}
aMethod() {
console.log("this", this);
};
render() {
return (
<div>
<h1>Class Component this</h1>
</div>
);
}
}
export default App;
이런 A 컴포넌트 안에 컴포넌트가 시작되자마자 aMethod를 호출하고 a 메소드 안에 콘솔로 this를 출력해보면
console.log(this) 의 결과
this, App {props: {…}, context: {…}, refs: {…}, updater: {…}, _reactInternals: FiberNode, …}
이런식으로 나오게 됩니다. App이란 컴포넌트를 가르키게 됩니다.
왜냐면 자동으로 this 와 App 컴포넌트가 자동으로 binding 되기 때문입니다.
그렇기 때문에 aMethod가 App안에 있으니 App과 바인딩된 this.aMethod()이런식으로 사용하시면 됩니다.
감사합니다.
0
