이슈
이벤트가 잘 동작하나하고 console.log 를 찍어봤는데, 계속 이유없이 2번씩 찍히고 있었다.
해결
알고보니 src/index.js 에 감싸져있는 React.StrictMode 때문이었다.
이건 리액트가 한번 호출한 뒤에 또 변경된 데이터가 없는지 한번 더 체크하기 위해 한번 더 도는것이고, 개발 모드에서만 작동하므로 빼도 되지만, 오류를 체크하기 위해 넣는것이 좋다고 한다.
반응형
'React' 카테고리의 다른 글
| [React 기본] PureComponent 실제로 해보기 (0) | 2022.02.07 |
|---|---|
| [React 기본] PureComponent란 ? (Component, PureComponent차이) (0) | 2022.02.07 |
| [React 기본] Ref 사용하기 (document.getElementById 대신에 사용하는 것 ! ref) (0) | 2022.02.04 |
| [React 기본] 컴포넌트간 props와 이벤트 전달해보기 (0) | 2022.02.03 |
| [React 기본] class형 컴포넌트로 state와 onClick 사용해보기 (0) | 2022.01.30 |
