如何在React typescript中使用ant d添加带有Logout选项的下拉菜单



这是示例代码,我有一个头像,点击后我想显示一个带有注销选项和用户名的小下拉列表。

import { Avatar, Layout } from 'antd';
<StyledAvatar size="small"> {initials} </StyledAvatar>

const StyledAvatar = styled(Avatar)`
margin-left: ${({ theme }: { theme: Theme }) => theme.paddings.small}px;
color: black;
background-color: white;
font-weight: bold;
`;
<Dropdown
overlay={menu}
trigger={["click"]}
placement="bottomLeft"
>
<div onClick={e => e.preventDefault()}>
<Avatar size="large" icon={<UserOutlined />} />
</div>
</Dropdown>

我们将化身组件放在下拉组件中。

最新更新