javascript - 获取 React material-UI Autocomplete 中的值

Question

我指的是 React Material-UI 的文档(https://material-ui.com/components/autocomplete/)。

在演示代码中，

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

我知道它是如何工作的，但我不确定我应该如何获得选定的值。

例如，我想对此使用 onChange 属性，以便我可以根据选择执行一些操作。

我尝试添加 onChange={v => console.log(v)}

但是 v 不显示与所选值相关的任何内容。

Answer 1

通过将 (event, value) 传递给 onChange 属性解决。

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>