React Material UI 自動完成事件監聽器問題

Question

我正在嘗試設置 Material UI 的自動完成組件，以便當您點擊選項卡時，它會自動 select 最接近的匹配項。 然后，根據輸入，我需要捕獲 e.target.value。 但是，它似乎只傳遞了手動輸入的字符串而沒有自動完成的字符串。 例如，如果我鍵入“Ba”並使用 Tab 鍵完成“Banana”，則只有“Ba”作為值傳遞。 這是我正在嘗試實現的沙箱。

我還意識到，當我單擊使用下拉菜單（而不是通過鍵盤手動輸入值）時，它甚至無法創建我所追求的值。 對此的任何幫助也非常感謝。 謝謝！

Answer 1

您可以使用 onChange function 的value參數創建適合handleChange簽名的 object，即

<Autocomplete
  onChange={(event, value) => {
    handleChange({
      target: {
        name: event.target.name,
        value,
      },
    });
  }}
  ...

或更新handleChange function。