マテリアルUIオートコンプリートテキストフィールドを消去するときの関数の呼び出し

Question

マテリアルUIのオートコンプリートテキストフィールドを使用してリストをフィルタリングしています。テキストが削除され、入力がヒットしたときにリストをフルフォームに再作成できるようにしたい。私の知る限り、onNewRequestプロパティは、テキストフィールドにテキストがある場合にのみ呼び出されます。テキストなしでEnterキーを押したときに関数を呼び出す方法はありますか？

Answer 1

あなたがテキストフィールドが空であるかどうかをテストするためにAutoCompleteコンポーネントのonUpdateInputイベントを使用することができます。

<AutoComplete 
    ... 
    onUpdateInput={ 
    (value) => { 
     if (value.length === 0) { 
     console.log('Refresh the list here'); 
     } 
    } 
    } 
/>