语义UI React下拉：标题选项？

Question

有没有办法在选项中获得带标题项的选择下拉列表？

我知道当然有这个标签：

<Dropdown.Header icon='tags' content='Filter by tag' />

但这需要整个下拉列表具有自定义Dropdown项目，并且不能与Semantic UI的“selection”关键字一起使用，该关键字为我做了很多下拉管理，让我给出了对象数组的选项（“options”）。

添加/声明我的选项时，我希望能够将其定义为标题项。像这样：

{
                key: id,
                value: id,
                text: name,
                content: (
                    <span>
                        {name}
                        <Label circular>{points}</Label>
                    </span>
                ),
                header: true
            }

有类似的东西吗？我在文档中找不到任何内容。

Answer 1

如果你想要选择下拉列表的外观以及使用<Dropdown.Header />的能力，请尝试用selection替换className='selection'：

<Dropdown className='selection'>
  <Dropdown.Menu>
    <Dropdown.Header content='Header' />
    <Dropdown.Item>{'Item'}</Dropdown.Item>
  </Dropdown.Menu>
</Dropdown>