리팩토링 : useResetRecoilState 이용하여 지도 클릭시 지역검색창 초기화되도록 함

간단하다.

 

useEffect에 useResetRecoilState 함수 할당하였다.

 

const usersAreaReset = useResetRecoilState(usersArea);
const usersSiggReset = useResetRecoilState(usersSigg);
..(생략)..
useEffect(() => {
    //클락하면 지역검색창 초기화
    usersAreaReset();
    usersSiggReset();

..(생략)..
  }, [wtm.x, wtm.y]); //! 평면좌표 바뀔때마다 실행

 

좌 ) before, 우 ) after

지도 클릭시 지역검색창이 실제 화면과 일치하지 않아서 어색함이 있었는데, 지도를 클릭할때마다 '지역선택'이 되도록 하였다.