티스토리 뷰

Error/React.js

[React] componentDidUpdate setTimeout

IT공부블로그 2020. 8. 10. 16:07
728x90
반응형


componentDidUpdate에 setTimeout 코드를 추가 했는데

setTimeout이 디버깅모드 에서만 정상 동작하고

기본일떄는 동작되지않음


구글링 해보니 

https://stackoverflow.com/questions/14401779/why-does-this-javascript-timer-code-work-in-chrome-debugger-but-not-when-run-nor


비슷한 경우가 있음

필자는 화살표함수를 사용 하였는데 여긴 그냥 function을 사용하길래

test(){

setTimeout( () => {

this.setState({

test: 1

})

}, 400)

}

componentDidUpdate(prevProps, prevState){

let { test } = this.props;


if(prevProps.test !== test){

this.test();

}

}


test 함수안에 setTimeout 코드를 넣으니 정상 동작 

음.. 익명함수와 뭔가 차이가 있는거 같은데 정확한 원인은 잘 모르겠다


728x90
반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/05   »
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 31
글 보관함