어제에 이어서 리액트 안에서의 setInterval 공부!
이번에는 useCallback을 써서최적화를 하면 된다.
종료할때 새로시작할 때 isStarted라는 useState를 써서 두번눌렀을때 누수가 없도록 해야하나 싶었는데
ref의 current값을 받아서 그 값이 null일때와 아닐때를 나눠서 하면 된다는 것을 알게되었다.
그리고 두개 다 useCallback을 사용해서, 의존성배열 오류때문에 0분 0초일때 이전과 다르게 getStop이란 함수를 실행하지않고, 그냥 clearInterval 화면서 다시 current값을 null로 변경하였다.
실습한 내용!⬇
https://codesandbox.io/s/compassionate-bird-bld286
compassionate-bird-bld286 - CodeSandbox
compassionate-bird-bld286 by sweesweett using react, react-dom, react-scripts, styled-components
codesandbox.io
'Today I learned! > 오늘 하루 배운 것, 기억할 것' 카테고리의 다른 글
| typescript+react+webpack+babel 설정 때 본 오류^^.... (1) | 2023.01.21 |
|---|---|
| spa 배포시 주소창에 pathname을 직접 입력했을 때 404 에러 (0) | 2022.12.13 |
| 221119 (1) | 2022.11.19 |
| 220918 (0) | 2022.09.18 |
| 220912 (0) | 2022.09.12 |