[23.01.09] 컴포넌트 내 카카오맵 변수 전역 사용법

희승·2023년 1월 9일

TIL

목록 보기
17/33

문제 상황

useEffect(…, []) 내에서 선언된 카카오맵 변수를 useEffect 밖에서도 사용하고 싶음

해결 방법

시도 1. 컴포넌트 밖에 아예 전역적으로 map 변수 선언
-> 🙁 document 내에서 map을 선언할 요소를 찝어야 하기 때문에 컴포넌트 밖에서 사용하는 건 부적절

시도 2. map을 만들어야 할 container, options 변수들만 useEffect() 내에 세팅을 해놓고, map은 useEffect() 외에 분리
-> 🙁 문제 상황과 똑같이 container, options 변수들은 useEffect() 내에서만 사용이 되니까 변한게 없다

시도 3. [kakaoMap, setKakaoMap] = useState(null); 로 컴포넌트 내에서 지도 변수를 따로 만들고, useEffect() 내에서 setKakaoMap(map); 으로 kakaoMap에 map 값을 할당
-> 🙂 해결 완료!

0개의 댓글