修改pad点不了退出登录的问题

src/pages/Welcome.less

@@ -29,7 +29,7 @@
   margin: 0 300px 0 300px;
   padding: 10px 0 0 0;
   font-weight: 550;
-  font-size: 60px;
+  font-size: 50px;
   letter-spacing: 10px;
   text-align: center;
   text-shadow: 0 0 6px #9fc4f5, 0 0 6px #9fc4f5;
@@ -73,6 +73,7 @@
   display: inline-block;
   border-radius: 5px;
   cursor: pointer;
+  z-index: 99999;
   transition: background-color 0.3s;
   font-size: 20px;
   background-color: rgba(255, 255, 255, 0.1);

src/pages/Welcome.tsx

-import React, { useState,useEffect  } from 'react';
+import React, { useState,useEffect, useCallback } from 'react';
 import { useIntl, useModel } from 'umi';
 import { useHistory } from 'react-router-dom';
 import styles from './Welcome.less';
@@ -25,14 +25,23 @@ const Welcome: React.FC = () => {
   const goToPlaylist = (link: string) => {
     history.push(link);
   };
-  /**
-   * 退出登录，并且将当前的 url 保存
-   */
-  const loginOut = async () => {
-    setInitialState((s) => ({ ...s, currentUser: undefined }));
+  const tologinOut = async () => {
     await outLogin();
     history.replace({ pathname: '/user/login' });
   };
+  /**
+   * 退出登录，并且将当前的 url 保存
+   */
+  const loginOut = useCallback(() => {
+    try {
+      console.log('准备退出登录')
+      setInitialState((s) => ({ ...s, currentUser: undefined }));
+      tologinOut();
+      console.log('准备退出登录1')
+    } catch (e) {
+      console.log('退出失败', e)
+    }
+  }, [setInitialState]);
   return (
     <div className={styles.container}>
       <div className={styles.logout} onClick={() => loginOut()}>