useEffect 검색 결과
1 개의 검색 결과가 있습니다.
개발/개발 이슈

useEffect에서 최초 랜더링 하지 않기

필자 같은 경우에는 특정 변수의 값이 변경될때마다(ex -> 버튼 토클) api 호출을 할 필요가 있었는데 useEffect를 사용하려 하니 최초 랜더링할때 state에 값이 세팅이 되기때문에 필연적으로 useEffect가 발동되어 쓸대없이 api호출을 하는경우가 생겨 찾아보던중 위와같이 useRef를 사용하여 후크로 커스텀하여 useEffect대신에 사용을하면 초기에 state값 변경으로인한 초기 랜더링을 방지하여 api콜을 막아줄 수 있었습니다. const useDidMountEffect = (func, deps) => { const didMount = useRef(false); useEffect(() => { if (didMount.current) func(); else didMount.curren..

2023. 2. 18. 21:07