是否有人知道如何删除<Menu><Dropdown>...
组件上的插入符?
据我所知,该组件的道具列表没有标志。有没有人有这方面的经验?
import React from 'react'
import { Dropdown, Menu } from 'semantic-ui-react'
import { Menu as MenuIcon } from 'react-feather'
// this automatically renders a right-hand caret on the menu
// I added my own icon 'MenuIcon' from the feather icon set
// and i want to get rid of the caret
const Header = () => (
<Menu vertical compact>
<Dropdown item text={<MenuIcon/>}>
<Dropdown.Menu>
<Dropdown.Item>Electronics</Dropdown.Item>
<Dropdown.Item>Automotive</Dropdown.Item>
<Dropdown.Item>Home</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Menu>
)
export default Header
答案 0 :(得分:6)
Dropdown
组件实现了icon
shorthand,因此您可以使用以下内容:
<Dropdown icon={null} /> // will render nothing
<Dropdown icon='remove' /> // will render 'remove' icon
<Dropdown icon={{ name: 'remove', onClick: () => console.log('iconClick') /> // will render 'remove' icon and add event hanlder
<Dropdown icon={<Icon name='remove' />} /> // will render 'Icon' component