reactjs - 将 Material ui 芯片的删除图标更改为自定义 svg?

标签 reactjs material-design material-ui

我想使用自定义 svg 图标而不是 Material ui 芯片元素的默认删除图标。 这可能吗,还是一个新的功能请求?

我只能更改图标的颜色,但不能更改图标本身...

最佳答案

import IconSVG from @materialui/icons/IconSVG

<Chip 
  label="delete me"
  deleteIcon={<IconSVG />}
  onDelete={this.deleteMethod}
/>

在material ui的chip api中有一个 Prop :deleteIcon,它允许使用onDelete更改删除图标

关于reactjs - 将 Material ui 芯片的删除图标更改为自定义 svg?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56326025/

相关文章:

reactjs - jest 中的 jest.fn() 和 jest.spyOn() 方法有什么区别?

使用 Material-UI : where to find, 的 SVG 图标如何设置样式?

javascript - 当在 react 中使用 setState 设置文本时,Material ui Textfield Hinttext 与文本重叠

css - 移动浏览器列 View 问题 Material 设计(css)

reactjs - 未捕获的类型错误 : Cannot read property 'main' of undefined when trying to use React MuiAlert

javascript - 我可以将伪元素对象添加到 Material UI 自定义主题配置吗?

reactjs - 无限加载网格在错误的时间触发 loadMoreRows

reactjs - 无法在 addEventListener 函数中调用 this.setState

javascript - React Router v4 正在为 React.js SPA 中的子组件渲染空白页面

javascript - Angular Material 设计有效/无效输入