検索

ホームページ  >  に質問  >  本文

React: 検索候補ポップアップが開いたままになる

ユーザーが何かを入力し、その入力に基づいて入力ボックスの下に提案ポップアップが表示され、提案されたコンテンツが表示される入力ボックスを構築しようとしています。私のコードでは、候補は問題なく表示されますが、さらに入力すると、前のポップアップが閉じません。

リーリー

ここでは私のレンダリングを紹介します。 getSuggestions 関数は次のとおりです:

リーリー

これらの関数では、検索候補を含むポップアップを表示します。ポップアップが閉じない理由はわかります。提案データに一致するものを入力すると、getSuggestions 関数の変数がフィルターされた値を取得するためです。そのためポップアップが閉じません。ただし、入力値が検索候補データと一致する場合にのみ検索候補を表示したいと考えています。そうでない場合、ポップアップは常に非表示になります。

P粉378264633P粉378264633493日前595

全員に返信(1)返信します

  • P粉343141633

    P粉3431416332023-09-17 20:49:19

    あなたが直面している問題は、入力を続けると、以前のポップアップ候補が消去されないことです。

    この問題を解決するには、提案ポップアップの表示を管理し、その表示を制御する必要があります。これを処理するコードの更新バージョンは次のとおりです:

    リーリー

    返事
    0
  • キャンセル返事