即使我在utocomplete中使用filterSelectedOptions prop,它也只在使用了预定义的芯片时才起作用:image1
但是当是一个全新的类型化选项时,它会将其复制多次:image2
我试图使用filterOptions,但它不工作,我不清楚如何做到这一点:(这是我目前的代码:
const handleAutocomplete = (e, valueTags) => {
e.preventDefault();
const tagIdsArray = [];
valueTags.forEach((valueTag) => {
tagIdsArray.push(Number(tags.filter(tag => valueTag.title === tag.title).shift().id));
});
const tagIds = [...new Set(tagIdsArray)];
handleTag(tagIds);
};
return (
<Autocomplete
multiple
options={tags}
getOptionLabel={option => option.title}
defaultValue={tagDafaultIds}
filterSelectedOptions
onChange={handleAutocomplete}
// filterOptions={(options) => {
// options.filter(option => option.title);
// return options;
// }}
// filterOptions={(options) => {
// const tagsOptions = [...new Set(options)];
// return tagsOptions;
// }}
renderInput={params => (
<TextField
{...params}
variant="outlined"
label="Tags"
placeholder="Select multiple tags"
margin="normal"
fullWidth
/>
)}
/>
);
};
谢谢
1条答案
按热度按时间nqwrtyyt1#
如果任何人有同样的问题,我使用MUI的属性值而不是默认值纠正了它。