반응: 검색 제안 팝업이 계속 열려 있습니다.

Question

사용자가 무언가를 입력하고 입력에 따라 추천 콘텐츠를 표시하는 입력 상자 아래에 제안 팝업이 표시되는 입력 상자를 만들려고 합니다. 내 코드에서는 제안 사항이 제대로 표시되지만 더 입력하면 이전 팝업이 닫히지 않습니다.

으아아아

여기서 제가 렌더링한 내용을 보여드리겠습니다. getSuggestions 함수는 다음과 같습니다:

으아아아

이 기능에서는 검색 제안이 포함된 팝업을 표시합니다. 제안 데이터와 일치하는 항목을 입력하면 getSuggestions 함수의 변수가 필터링된 값을 가져오기 때문에 팝업이 닫히지 않는 이유를 알고 있습니다. 그래서 팝업이 닫히지 않습니다. 하지만 입력 값이 검색 제안 데이터와 일치할 때만 검색 제안이 표시되기를 원합니다. 그렇지 않으면 팝업이 항상 숨겨집니다.

Answer 1

현재 겪고 있는 문제는 계속 입력해도 이전 팝업 제안이 지워지지 않는다는 것입니다.

이 문제를 해결하려면 제안 팝업의 가시성을 관리하고 표시를 제어해야 합니다. 이를 처리해야 하는 업데이트된 코드 버전은 다음과 같습니다.

으아아아