inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[React 2부] 고급 주제와 훅

[1.4장 장바구니 화면] 1.4.16 역방향 데이터 흐름 추가하기

비동기 호출을 해줘야하니깐. this binding을 해줘야한다." 라는 말의 의미가 궁금합니다.

535

지호손

작성한 질문수 39

0

안녕하세요.^^ 정환님 강의 잘 보고 있습니다.

"비동기 호출을 해줘야하니깐. this binding을 해줘야한다."

강의를 듣다가 궁금한게 생겼는데 위처럼 말씀을 하셨는데 그 이유가 무엇일까요? 

 

(스스로 답을 찾음)

내부에 this를 사용하기전에 binding을 습관적처럼 해야겠군요. 대부분 내부에 this.state 등등 리액트 api를 쓸거라면.
https://www.freecodecamp.org/news/this-is-why-we-need-to-bind-event-handlers-in-class-components-in-react-f7ea1a6f93eb/

react React-Context react-hooks react-router react-component

답변 1

2

김정환

내부에서 this를 사용하는 함수나 메소드를 인자로 전달하는 경우에는 this를 신경 써 주어야합니다. 함수가 호출되는 방식에 따라서 this 값이 달라질 수 있기 때문입니다. 이걸 자바스크립트의 <this 동적 바인딩>이라고 하는데요. 여기서는 고정시키기 위해서 bind 메소드를 사용해 명식적으로 this를 고정시켰습니다.

예전에 정리한 글인데 참고하시면 도움이 될 것 같습니다.

잘못된 useEffect 사용?

1

65

2

useEffect 의존성 질문

1

57

2

orderableProductItem 에 관하여...

0

56

2

강의 자료, 블로그, 깃 주소

0

63

1

React 훅 구현 원리와 실무 패턴 관련 질문 (useState, useEffect 순서 및 핸들러 구조)

1

104

2

pushState로 주소를 바꾸면 렌더링이 안 되는 이유가 궁금합니다.

1

87

2

FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 중괄호 이유

1

123

1

dispatch 함수도 리렌더링 유발하지 않나요?

1

203

2

ProductItem에서 onClick = {onClick}을 달지 않아도 되는 이유

1

160

2

replaceState를 쓰지 않는 대안

1

196

2

setValue 메서드를 바인딩 해야 하는 이유

1

163

2

MyReact를 IIFE(즉시실행함수)로 설계하신 이유

0

208

2

[4.4장 메모이제이션 훅] 4.4.3 memo 참조 비교

0

129

1

useRef 관련하여 질문드립니다

0

152

2

렌더 프롭 관련하여 질문드립니다

0

183

2

[1.2장 상품목록 화면] 1.2.3 Button ...rest 관련 질문 드립니다.

1

395

2

[4.4장 메모이제이션 훅] 4.4.4 useCallback curried function에 관한 질문입니다.

1

317

2

[4.4장 메모이제이션 훅] 4.4.2 useMemo 에서 every 함수에 관한 질문입니다.

1

355

2

[4.3장 리듀서 훅] 4.3.7 활용 MyForm(풀이) 오타 제보 및 질문이 있습니다.

1

281

2

[4.1장 레프 훅] useRef관련 질문이있습니다.

1

334

1

[1.3장 주문 내역 화면] 1.3.5 Card 조합 질문 있습니다

2

284

1

[3.5장 컨택스트 훅] 3.5.2 useContenxt 에서 질문이 있습니다.

1

432

2

[1.3.6 상태정의] state 관련

1

259

1

[2.4장 다이얼로그 1] 2.4.5 withLayout(풀이) 에 관한 질문입니다.

1

272

1