youshangjiao

src/components/RightContent/AvatarDropdown.jsx

 import React, { useCallback, useState, useMemo } from 'react';
 import { LogoutOutlined, LockOutlined } from '@ant-design/icons';
-import { Menu, Spin, Form, Modal, message, Avatar, Select } from 'antd';
+import { Menu, Spin, Button, Form, Modal, message, Avatar, Select } from 'antd';
 import { history, useModel } from '@umijs/max';
 import { stringify } from 'querystring';
 import HeaderDropdown from '../HeaderDropdown';
@@ -106,7 +106,8 @@ const AvatarDropdown = ({ menu }) => {
   );
   const loadings = (
     <HeaderDropdown overlay={menuHeaderDropdown}>
-      <span className={`${styles.action} ${styles.account}`}>
+      <React.Fragment>
+        <Button onClick={onMenuClick}>
           <Spin
             size="small"
             style={{
@@ -114,7 +115,9 @@ const AvatarDropdown = ({ menu }) => {
               marginRight: 8,
             }}
           />
-      </span>
+          退出
+        </Button>
+      </React.Fragment>
     </HeaderDropdown>
   );