카카오톡 주소로 지도중심옮기기

지도/로컬 API
#1

React에서 주소로 장소 표시하기 기능을 사용하고 있습니다.

redux로 state를 만들어서 위치를 변경하면서 관리하고 있습니다.

geocoder.addressSearch(주소(redux state), function(result, status) ~ 에서

function안의 result는 useEffect안에서 최초 페이지 mount시에만 내용물이 있고 그 이후에는 redux state으로 주소부분이 바뀌어서 rerendering이되면 result가 빈껍데기가 되더라고요 ㅠ 왜그런걸까요

image

#2

useEffect에서 주소 검색을 할 때, 요청한 주소값이 undefined 또는 올바르지 않은 값으로 호출하고 있는 것 같습니다.
먼저 reduxState.localNameForMarker값과 네트워크 탭에서 주소 검색 호출이 정상적으로 이뤄졌는지 확인해 주세요.

그리고 주소가 변경될 때만 주소 검색을 호출할 수 있도록 hook을 별도로 생성해 주세요.
제 경우는 store를 아래와 같은 구조를 갖고, 주소가 변경된 경우 별도 hook을 선언해서 처리했습니다.
코드는 참고만 해주세요.

//store
address = {
    value: 제주특별자치도 제주시 첨단로 242
}

const addressStateRedux = useSelector((state) => state.address.value);

useEffect(() => {
    //TODO: 주소검색

}, [kakaoMap, addressStateRedux]);