reactjs - material-ui 自动完成接受自定义值

Question

我有这个自动完成下拉框。

如果我选择的值不是下拉列表中的值，我如何接受自动完成下拉框以接受自定义值。在此示例中，bar 和 bat 值位于下拉列表中。

我如何接受包作为输入值？

我的代码在:https://codesandbox.io/s/material-demo-8scos

export default function ComboBox() {
    return (
    <Autocomplete
        id="combo-box-demo"
       options={top100Films}
       getOptionLabel={option => option.title}
       style={{ width: 300 }}
       renderInput={params => (
           <TextField {...params} label="Combo box" variant="outlined" />
       )}
    />
  );
}

const top100Films = [
  { title: "bar", year: 1994 },
  { title: "bat", year: 1972 }
];

https://codesandbox.io/s/material-demo-ytrt4

Answer 1

https://mui.com/material-ui/react-autocomplete/

只需在自动完成后添加 freeSolo。