覆盖BaseWeb/baseui选择标签

Question

我需要显示所选选项的数量，而不是实际选择的选项。以下是我想要实现的目标，我通过在浏览器检查中操作DOM创建了一个模型。

​

​

在baseweb/baseui文档中，提到它可以通过覆盖来实现，但是，当我使用覆盖属性时，它会影响样式和行为，因为您可以取消注释并查看结果。

下面是代码片段：https://codesandbox.io/s/nifty-johnson-erkfr

Answer 1

我在Baseweb Slack频道问了同样的问题，这是它背后的一个家伙的答案。

          overrides={{
            MultiValue: {
              component: (data) => {
                if (selectedOption.length) {
                  const isFirst = selectedOption[0].id === data.value.id;
                  if (isFirst) {
                    return <Tag {...data} closeable={false}>{selectedOption.length} Selected</Tag>
                  }
                }
                return null
              }
            }
          }}

希望这能节省别人的时间。