Javascript 有没有办法更改材质ui的自动完成组件上的关闭图标？

我想更改图标，但希望在单击时保留该功能。 有什么好的解决办法吗

option.title}
渲染={（选项，{selected}）=>(
{option.title}
)}
样式={{宽度：500}
renderInput={（参数）=>(
)}
/>

---

有人能帮我吗？

您可以使用Autocomplete的

ChipProps

更改它，因为该图标是组件的一部分，可以通过

deleteIcon

属性进行自定义您可以传递一个函数来自定义Autocomplete使用的芯片组件的呈现

<Autocomplete
    multiple
    id="tags-filled"
    options={top100Films.map((option) => option.title)}
    defaultValue={[top100Films[13].title]}
    freeSolo
    renderTags={(value, getTagProps) =>
      value.map((option, index) => (
        <Chip variant="outlined" label={option} {...getTagProps({ index })} />
      ))
    }
    renderInput={(params) => (
      <TextField {...params} variant="filled" label="freeSolo" placeholder="Favorites" />
    )}
  />

和

<Autocomplete
    multiple
    id="tags-filled"
    options={top100Films.map((option) => option.title)}
    defaultValue={[top100Films[13].title]}
    freeSolo
    renderTags={(value, getTagProps) =>
      value.map((option, index) => (
        <Chip variant="outlined" label={option} {...getTagProps({ index })} />
      ))
    }
    renderInput={(params) => (
      <TextField {...params} variant="filled" label="freeSolo" placeholder="Favorites" />
    )}
  />