reactjs - 将 BaseWeb 的 Select TriangleDownIcon 更改为另一个 BaseWeb 图标

Question

有谁知道用另一个 BaseWeb 图标替换 BaseWeb Select 组件的默认 TriangleDownIcon 的方法？（我们的设计师要求用 V 形图标交换三角形图标。）。我查看了 BaseWeb 的Select 文档，虽然我可以看到如何通过覆盖来设置图标的样式，但我找不到如何将图标换成另一个。

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

Answer 1

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

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

...

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