如何在'Creatable`上自定义`x`图标？

Question

我想将每个标记图标上的x图标更改为我自己的图像。

react-select是否支持此功能？

Answer 1

根据文档和查看源代码后，您会发现this没有渲染道具。 @ renderRemoveIcon。您仍然可以通过css修改它，但不像拥有自己的渲染器那样灵活。

Answer 2

纯CSS中的解决方案：

.Select-value-icon {
  visibility: hidden;
  border: none;
  border-right: none;
}

.Select-value-icon::after {
  visibility: visible;
  content: url('/img/delete-tag-icon.png');
}

我们的想法是使用x隐藏默认visibility: hidden，然后生成包含自定义图像的额外元素。