javascript 多个自动完成物料UI筛选器SelectedOptions在第一次搜索时不起作用

unhi4e5o  于 2023-01-19  发布在  Java
关注(0)|答案(1)|浏览(142)

即使我在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
        />
      )}
    />
  );
};

谢谢

nqwrtyyt

nqwrtyyt1#

如果任何人有同样的问题,我使用MUI的属性值而不是默认值纠正了它。

相关问题