问题描述:hover 时,没有菜单内容。
原本代码 :
// menus
const menus = [
{
key: 'logout',
icon: <LogoutOutlined />,
label: <div onClick={handleLogout}>退出登录</div>,
},
];
//
<Dropdown
menu={{
menus,
}}
>
<Space style={{ color: 'whitesmoke' }}>
<Avatar src={userAvatar} />
{username}
<DownOutlined />
</Space>
</Dropdown>
解决:
menu={{
items: menus,
}}
因为例子中是这么写的:
menu: {{
items,
}}
所以我很自然的把 items 替换成 menus。发现是这个问题我都无语了