语义UI React下拉列表:标题选项？
语义UI React下拉列表:标题选项？
提问于 2019-02-21 19:41:35
有没有办法在选项中找到带有标题项的选择下拉列表？
我当然知道有这样一个标签：
<Dropdown.Header icon='tags' content='Filter by tag' />但这需要整个dropdown都有自定义的下拉项，并且不适用于语义UI的"selection“关键字，它为我做了大量的下拉管理，让我通过一个对象数组(" options ")给出选项。
在添加/声明我的选项时，我希望能够将其定义为标题项。如下所示：
{
key: id,
value: id,
text: name,
content: (
<span>
{name}
<Label circular>{points}</Label>
</span>
),
header: true
}有没有类似的东西？我在文档里找不到任何东西。
回答 2
Stack Overflow用户
发布于 2020-07-27 10:17:22
您可以使用Dropdown并像这样操作数组：
const options = [
{
component:
Dropdown.Menu,
children:
<Dropdown.Menu scrolling>
<Dropdown.Header content='Filter by tag' />
<Dropdown.Divider />
</Dropdown.Menu>,
},
{
key: id,
text: id,
value: name
},
]Stack Overflow用户
发布于 2019-02-28 21:41:19
如果您希望选择下拉菜单的外观与使用<Dropdown.Header />的功能相结合，请尝试用className='selection'替换selection
<Dropdown className='selection'>
<Dropdown.Menu>
<Dropdown.Header content='Header' />
<Dropdown.Item>{'Item'}</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54806266
复制相关文章
相似问题
腾讯云开发者
