asder

package.json

@@ -59,7 +59,8 @@
     "query-string": "^7.1.1",
     "rc-menu": "^9.1.0",
     "rc-util": "^5.16.0",
-    "react": "^17.0.0",
+    "react": "^18.2.0",
+    "react-activation": "^0.12.2",
     "react-custom-scrollbars": "^4.2.1",
     "react-dev-inspector": "^1.7.0",
     "react-dom": "^17.0.0",

src/components/TagView/index.jsx

-import React, { useState, useEffect, useRef } from 'react';
+/* eslint-disable react/jsx-key */
+import React, { useState, useEffect, useRef, memo } from 'react';
 import { RouteContext } from '@ant-design/pro-layout';
 import { history } from '@umijs/max';
 import Tags from './Tags';
 import styles from './index.less';
 import { Scrollbars } from 'react-custom-scrollbars';
+// tree遍历
+function treeForeach(tree, func) {
+  tree.forEach((data) => {
+    func(data);
+    data.children && treeForeach(data.children, func); // 遍历子树
+  });
+}
 
-/**
- * @component TagView 标签页组件
- */
 const TagView = ({ children, home }) => {
   const [tagList, setTagList] = useState([]);
 
@@ -24,9 +29,13 @@ const TagView = ({ children, home }) => {
   const initTags = (routeContext) => {
     const { menuData } = routeContext;
     if (tagList.length === 0 && menuData) {
-      const firstTag = menuData.filter((el) => el.path === home)[0];
+      const allarr = [];
+      treeForeach(menuData, (node) => {
+        allarr.push(node);
+      });
+      const firstTag = allarr.filter((el) => el.path === location?.hash?.replace('#', ''))[0];
       if (firstTag) {
-        const title = '首页';
+        const title = firstTag.name;
         const path = firstTag.path;
         history.push({ pathname: firstTag.path, query: firstTag.query });
         setTagList([
@@ -155,14 +164,9 @@ const TagView = ({ children, home }) => {
           >
             {tagList.map((item) => {
               return (
-                <div
-                  key={item.path}
-                  style={{ display: item.active ? 'block' : 'none', height: '100%' }}
-                >
-                  <div key={item.refresh} style={{ height: '100%' }}>
+                <div style={{ display: item.active ? 'block' : 'none', height: '100%' }}>
                   {children}
                 </div>
-                </div>
               );
             })}
           </Scrollbars>