将 BaseWeb 的选择三角形向下图标更改为另一个 BaseWeb 图标

Question

有人知道用另一个BaseWeb图标替换BaseWeb Select组件的默认三角形向下图标的方法吗？(我们的设计师要求用V字形替换三角形图标。(。我浏览了BaseWeb的Select文档，虽然我可以看到如何通过覆盖来设置图标的样式，但我找不到如何将图标替换为另一个。

<Select
overrides={{
SelectArrow: {
style: ({ $theme }) => {
return {
outline: `${$theme.colors.warning600} solid`,
backgroundColor: $theme.colors.warning600,
};
},
},
}}
/>

Answer 1

对于后代，您可以通过覆盖整个SelectArrow属性，用自己的BaseWeb图标覆盖Select的默认TriangleDownArrow。

import ChevronDown from 'baseui/icon/chevron-down';
...
<Select
overrides={{
SelectArrow: () => <ChevronDown />,
}}
/>