this에 관해서 질문드립니다!!
333
작성한 질문수 4
1.
4:05 에서 this.state.number에서 this는 App.js에서 return <Counter /> 구문이 실행될때 Counter.js에 있는 this.state.number가 실행되서 this가 Counter이란걸 아는건가요/?
2. handleDecrease 함수에서 화살표 함수의 this는 외부에서 찾기 때문에 <Counter/>가 실행될때 외부에서 State값을 찾을 수 있었던 건가요?
3. handleDecrease 함수가 그냥 function이면 이 함수가 호출될때 handleDecrease함수만 분리되서 나오기 때문에 this를 못 찾는 것인가요?
답변 1
0
이미 해결하셨겠지만 저도 복습할 겸 답변드립니다.
1. class 내부에서 this는 클래스나 인스턴스를 가리킵니다. 때문에 {this.state.number}의 this는 Counter 클래스기에 내부의 property인 state의 number로 접근이 가능합니다.
2. ES6의 arrow function의 JS의 결함이였던 this를 넘길 때 끊어지는 문제를 해결한 문법입니다. 내부적으로 넘긴 this를 다른 함수에서 매개변수로 받을 때 동일한 this를 사용할 수 있도록 내부적으로 처리합니다.
3. 위와 동일하게 ES6이전의 JS 문법자체가 함수 내부의 this를 전역(window/global)으로 지정한 문제로 인해서 this global scope에서 찾기에 의도한 this를 찾지 못합니다.
단순히 JS만의 this에 대해서 아직 공부를 안하신 것 같은데 inflearn의 JSFlow(정재욱) 강의를 추천드리고 귀찮으시다면 제가 정리한 블로그를 확인해주세요 :)
key is not a prop 에러에 대하여
0
696
1
App.js에서 handleCreate 함수 생성 시 오류
0
462
1
PhoneForem.js 파일에서 [e.target.phone] : e.target.value 해줘야하지 않나요?
0
405
1
firebase에서 db 데이터 값 가져오기 중...
0
531
1
강의 교재 받을 수 있나요?
0
437
0
라이프사이클 관련 질문
0
288
0
onClick = {smoe callback} 은 render 를 다시 호출 하나요?
0
223
0
동영상 하단에 링크가 없어요
0
313
0
var를 사용안한다 하셨는데
0
410
1
수강자료는 어디서 받나요
1
583
1
영상 링크가 변경된 것 같습니다.
10
439
0
계속 보고있지만 구동되는 방향성을 이해못하겠어요 ㅠㅠ.
0
279
0
리액트 virtualDOM 개념과 state 불변성 관련 개념이 어떻게 다른건지 궁금합니다.
0
228
0
npm 을 사용해서 create 하려니까 안되네요
0
261
0
배열안의 데이터 수정하기에서 12:19 화면 부분이 궁금해서 질문드립니다.
0
228
0
계속 PhoneForm.js 파일을 못읽는거같더니
1
266
0
배열 데이터 렌더링 및 관리파트에서 props로 값 가져올때 질문있습니다!
0
217
0
함수형 컴포넌트는 state를 어떤 식으로 정의하는지 궁금합니다.
0
414
1
ㅇ
0
341
1
import 질문
0
287
2
index.js 파일이 다릅니다
2
220
0
const {변수명} = ? 표현법
1
2855
1
create-react-app 오류 (Cannot find module './encoding/utf8')
0
276
0
shouldComponentUpdate NextProps 와 nextState 질문있습니다.
0
204
0