修改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);
   };
+  const tologinOut = async () => {
+    await outLogin();
+    history.replace({ pathname: '/user/login' });
+  };
   /**
    * 退出登录，并且将当前的 url 保存
    */
-  const loginOut = async () => {
+  const loginOut = useCallback(() => {
+    try {
+      console.log('准备退出登录')
       setInitialState((s) => ({ ...s, currentUser: undefined }));
-    await outLogin();
-    history.replace({ pathname: '/user/login' });
-  };
+      tologinOut();
+      console.log('准备退出登录1')
+    } catch (e) {
+      console.log('退出失败', e)
+    }
+  }, [setInitialState]);
   return (
     <div className={styles.container}>
       <div className={styles.logout} onClick={() => loginOut()}>