Javascript 使用Aucomplete材料界面的建议

Javascript 使用Aucomplete材料界面的建议,javascript,reactjs,autocomplete,material-ui,Javascript,Reactjs,Autocomplete,Material Ui,请注意,我正在使用material ui的Autocomplete组件根据文本字段中输入的数据获取建议,如下代码所示。我想获得组件根据输入的文本返回的建议列表 import React from 'react'; import TextField from '@material-ui/core/TextField'; import Autocomplete from '@material-ui/lab/Autocomplete'; export default function ComboBo

请注意,我正在使用material ui的Autocomplete组件根据文本字段中输入的数据获取建议,如下代码所示。我想获得组件根据输入的文本返回的建议列表

import React from 'react';
import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete';

export default function ComboBox() {
 const onTagsChange = (event, values) => {
        console.log(values);
}
  return (
    <Autocomplete
      id="combo-box-demo"
      options={top100Films}
      onChange={onTagsChange}
      getOptionLabel={(option) => option.title}
      style={{ width: 300 }}
      renderInput={(params) => <TextField {...params} label="Combo box" variant="outlined" />}
    />
  );
}
从“React”导入React;
从“@material ui/core/TextField”导入TextField;
从“@material ui/lab/Autocomplete”导入自动完成;
导出默认函数组合框(){
const onTagsChange=(事件、值)=>{
console.log(值);
}
返回(
选项.title}
样式={{宽度:300}
renderInput={(参数)=>}
/>
);
}

排名前100的电影是什么样子的?Autocomplete应该与suggestions一起开箱即用。我想获得Autocomplete根据textField的值返回的建议