주로 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 |
댓글