Javascript 向语义UI React下拉列表的每一行添加按钮/图标
关于这个问题 我有一个语义UI React下拉列表,我想在下拉列表的每一行上放置一个小的、可点击的、删除的图标,类似于这张照片 我该怎么做呢?你可以这样做Javascript 向语义UI React下拉列表的每一行添加按钮/图标,javascript,reactjs,typescript,semantic-ui,semantic-ui-react,Javascript,Reactjs,Typescript,Semantic Ui,Semantic Ui React,关于这个问题 我有一个语义UI React下拉列表,我想在下拉列表的每一行上放置一个小的、可点击的、删除的图标,类似于这张照片 我该怎么做呢?你可以这样做 <Dropdown text='Filter' icon='filter' floating labeled button className='icon' > <Dropdown.Menu> <Dropdown.Header icon='tags' content='Filter by tag'
<Dropdown
text='Filter'
icon='filter'
floating
labeled
button
className='icon'
>
<Dropdown.Menu>
<Dropdown.Header icon='tags' content='Filter by tag' />
<Dropdown.Divider />
<Dropdown.Item>
<Icon name='attention' className='right floated' />
Important
</Dropdown.Item>
<Dropdown.Item>
<Icon name='comment' className='right floated' />
Announcement
</Dropdown.Item>
<Dropdown.Item>
<Icon name='conversation' className='right floated' />
Discussion
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
重要的
公告
讨论
如果你有一些动态数据,那么简单的映射它
<Dropdown
text='Filter'
icon='filter'
floating
labeled
button
className='icon'
>
<Dropdown.Menu>
<Dropdown.Header icon='tags' content='Filter by tag' />
<Dropdown.Divider />
{
options.map(item => <Dropdown.Item>
<Icon name={item.icon} className='right floated' />
{item.name}
</Dropdown.Item>)
}
</Dropdown.Menu>
</Dropdown>
{
options.map(项目=>
{item.name}
)
}
这太棒了!谢谢你的回复!我添加了一个而不是一个,但是你告诉了我我缺少了什么,我现在的问题是单击菜单选项不会更新下拉列表本身。下拉列表似乎没有听到选项选择。