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
- intellijIDEA
- mybatis
- dbeaver
- database
- nodejs
- gson
- log4j2
- BPMN
- docker
- nginx
- LOG4J
- JPA
- springboot
- MySQL
- react
- jetbrains
- JavaScript
- Spring
- Git
- NCP
- VSCode
- wildfly
- IntelliJ
- tibero
- Java
- gradle
- Windows
- Kubernetes
- maven
- useEffect
Archives
- Today
- Total
두 손끝의 창조자
useEffect에서 로딩이 두번된다면? 본문
useEffect 훅을 이용해서 컴포넌트가 처음 로딩될 때 무언가 작업을 하려면
useEffect(() => {
console.log('~~~~')
}, []);
이처럼 두번째 바라미터에 빈 배열을 전달해서 사용한다. 그런데 이게 두번씩 호출 될때가 있다.
상위 컴포넌트의 의해서 두번로딩될 수 도 있지만 React.StrictMode
인 경우도 두번 호출이 된다.React.StrictMode
는 보통 index.js
에 컴포넌트가 추가되어 있으니 불필요하다고 판단될때는 제거해서 테스트 해보자.
반응형
Comments