reactjs - 覆盖 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
              }
            }
          }}

希望它可以节省别人的时间。