본문 바로가기
Front-End/React

TypeError Cannot read property 'setState' of undefined

by sharekim 2022. 2. 10.

주로 React Hook 을 사용해서 컴포넌트를 제작하는데

가끔 하나의 컴포넌트에 여러 state가 필요할 때 Class 컴포넌트로 작성하곤 한다.

 

처음으로 Typescript로 Class형의 컴포넌트를 만드는데 제목과 같은 오류가 발생했다.

 

해결방법은 간단하다.

 

class 내 function 들을 화살표 함수로 작성해주는 것!

(https://devlog.jwgo.kr/2018/08/20/set-state-undefined-error-in-react/)

 

바인딩이 안 되어서 그렇다는데 굳이 이걸 하나씩 .bind함수로 묶어주는 것보다는 화살표로 간단하게 쓰겠다.

 

'Front-End > React' 카테고리의 다른 글

React: flushSync 활용 beforeprint, afterprint 이벤트 처리  (0) 2024.08.01
React Portal  (0) 2023.10.06
Next Module Alias @  (0) 2023.09.22
React snippets  (0) 2023.09.20

댓글