React Material UI 自动完成事件侦听器问题

Question

我正在尝试设置 Material UI 的自动完成组件，以便当您点击 Tab 键时它会自动 select 最接近的匹配项。根据输入，我需要捕获 e.target.value。但是，它似乎只传递了没有自动完成的字符串的手动输入的字符串。例如，如果我键入 "Ba" 并按 Tab 键完成 "Banana"，则只有 "Ba" 作为值传递。 Here is a sandbox 我正在尝试实现的内容。

我还意识到，当我单击使用下拉菜单（而不是通过键盘手动输入值）时，它甚至无法创建我想要的值。对此的任何帮助也非常感谢。谢谢！

Answer 1

您可以使用 onChange 函数的 value 参数创建适合 handleChange 签名的对象，即

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

或更新handleChange函数。

React Material UI 自动完成事件侦听器问题

React Material UI Autocomplete event listener issue

javascript

reactjs

autocomplete

material-ui