Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- LOG4J
- VSCode
- react
- BPMN
- database
- IntelliJ
- nodejs
- docker
- maven
- Linux
- tibero
- intellijIDEA
- sapfiorielements
- Spring
- useEffect
- Java
- MySQL
- Kubernetes
- NCP
- Git
- mybatis
- nginx
- gson
- Windows
- springboot
- log4j2
- gradle
- dbeaver
- JavaScript
- JPA
Archives
- Today
- Total
두 손끝의 창조자
useEffect에서 로딩이 두번된다면? 본문
useEffect 훅을 이용해서 컴포넌트가 처음 로딩될 때 무언가 작업을 하려면
useEffect(() => {
console.log('~~~~')
}, []);
이처럼 두번째 바라미터에 빈 배열을 전달해서 사용한다. 그런데 이게 두번씩 호출 될때가 있다.
상위 컴포넌트의 의해서 두번로딩될 수 도 있지만 React.StrictMode
인 경우도 두번 호출이 된다.React.StrictMode
는 보통 index.js
에 컴포넌트가 추가되어 있으니 불필요하다고 판단될때는 제거해서 테스트 해보자.
반응형
Comments