검색완료 후 주소검색창 input reset 하는 방법

[hodduck-v]

안녕하세요 패키지 만들어주셔서 감사합니다!

다름이 아니라, DaumPostcode 컴포넌트 를 팝업창 안에 넣어서 사용하려고 하는데, 한번 입력후 다시 팝업창을 열면 이전에 검색했던 내용이 남아있습니다.

혹시 DaumPostcode 주소검색창의 input을 reset할 수 있는 방법이 있을까요?

[kmsbernard]

안녕하세요! 현재 라이브러리는 다음 우편번호 검색 컴포넌트를 화면에 embed하도록 구현되어있기 때문에, 검색이 끝나더라도 라이브러리 컴포넌트 자체를 언마운트하지 않는 이상 모든 상태를 그대로 유지하게됩니다. 따라서 제가 생각해볼 수 있는 방법으로는 검색이 완료된 이후에 라이브러리 컴포넌트 자체를 언마운트시켜주는 것이 있습니다. 예컨대 팝업창이 열고 닫히는 상태에 따라 컴포넌트를 마운트하는 로직을 구현해볼 수 있겠습니다.

<Popup isOpen={isPopupOpen}>
  {isPopupOpen && <DaumPostcode />}
</Popup>

라이브러리 자체적으로도 상태관리를 개선할 방법이 있을것 같아서, 이 이슈는 계속 열어놓도록 하겠습니다.

[hodduck-v]

빠른 답변 정말 갑사합니다!!