Javascript 使用Aucomplete材料界面的建议
请注意,我正在使用material ui的Autocomplete组件根据文本字段中输入的数据获取建议,如下代码所示。我想获得组件根据输入的文本返回的建议列表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
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的值返回的建议