如何获取 Material UI 'Autocomplete' 组件的名称？

您未定义的原因是event.targetinonChange指向 theli但 MaterialUi Autocomplete 会将 the 添加name到外部div。所以，没有直接的方法。您可以使用 aref和 usegetAttribute来获取名称。

代码片段

export default function ComboBox() {
  const ref0 = useRef();

  return (
    <Autocomplete
      id="combo-box-demo"
      ref={ref0}
      name="movies"
      options={top100Films}
      getOptionLabel={option => option.title}
      onInputChange={(e, v, r) => {
        const ev = e.target;
        if (r === "reset") console.log(ev, v, r);
      }}
      onChange={(e, v, r) => {
        console.log(ref0.current.getAttribute("name"));
      }}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField
          name="auto-input"
          {...params}
          label="Combo box"
          variant="outlined"
        />
      )}
    />
  );
}