fix: 修复侧边导航栏需要刷新才出现选项的问题

web/src/components/SiderBar.js

-import React, {useContext, useState} from 'react';
+import React, {useContext, useMemo, useState} from 'react';
 import {Link, useNavigate} from 'react-router-dom';
 import {Link, useNavigate} from 'react-router-dom';
 import {UserContext} from '../context/User';
 import {UserContext} from '../context/User';
 
 
@@ -21,7 +21,15 @@ import {
 import {Nav, Avatar, Dropdown, Layout} from '@douyinfe/semi-ui';
 import {Nav, Avatar, Dropdown, Layout} from '@douyinfe/semi-ui';
 
 
 // HeaderBar Buttons
 // HeaderBar Buttons
-let headerButtons = [
+
+const SiderBar = () => {
+    const [userState, userDispatch] = useContext(UserContext);
+    let navigate = useNavigate();
+    const [selectedKeys, setSelectedKeys] = useState(['home']);
+    const [showSidebar, setShowSidebar] = useState(false);
+    const systemName = getSystemName();
+    const logo = getLogo();
+    const headerButtons = useMemo(() => [
         {
         {
             text: '首页',
             text: '首页',
             itemKey: 'home',
             itemKey: 'home',
@@ -100,15 +108,8 @@ let headerButtons = [
         //     to: '/about',
         //     to: '/about',
         //     icon: <IconAt/>
         //     icon: <IconAt/>
         // }
         // }
-];
+    ], [localStorage.getItem('enable_data_export'), localStorage.getItem('enable_drawing'), localStorage.getItem('chat_link'), isAdmin()]);
 
 
-const SiderBar = () => {
-    const [userState, userDispatch] = useContext(UserContext);
-    let navigate = useNavigate();
-    const [selectedKeys, setSelectedKeys] = useState(['home']);
-    const [showSidebar, setShowSidebar] = useState(false);
-    const systemName = getSystemName();
-    const logo = getLogo();
 
 
     async function logout() {
     async function logout() {
         setShowSidebar(false);
         setShowSidebar(false);