将BaseWeb的更改为另一个BaseWeb图标

Question

有谁知道用另一个BaseWeb图标替换TriangleDownIcon组件的默认TriangleDownIcon的方法吗？(我们的设计师要求用雪佛龙来交换三角形图标。)我已经浏览了BaseWeb的选择文档，虽然我可以看到如何通过重写来设置图标的样式，但我无法找到如何将图标替换为另一个图标。

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

Answer 1

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

import ChevronDown from 'baseui/icon/chevron-down';

...

<Select
    overrides={{
      SelectArrow: () => <ChevronDown />,
    }}
  />