fix: 修复组件销毁后还更新state的问题

src/components/AnchorPage/index.tsx

@@ -5,7 +5,7 @@
  * @LastEditTime: 2021-05-11 10:16:12
  * @Description: 页面公用锚点头部
  */
-import React, { useState } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { Anchor } from 'antd';
 import { ArrowLeftOutlined } from '@ant-design/icons';
 import { history } from 'umi';
@@ -62,6 +62,16 @@ const AnchorPage = (props: IProps) => {
   const [current, setCurrent] = useState(firstKey);
   const [rect, measuredRef] = useClientRect();
 
+  const mounted = useRef(false);
+
+  useEffect(() => {
+    mounted.current = true;
+
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+
   const handleBack = () => {
     if (onBack) {
       onBack();
@@ -72,11 +82,11 @@ const AnchorPage = (props: IProps) => {
 
   const handleAnchorChange = (currentActiveLink: string) => {
     if (currentActiveLink) {
-      setCurrent('');
+      mounted.current && setCurrent('');
       return;
     }
     if (!currentActiveLink) {
-      setCurrent(firstKey);
+      mounted.current && setCurrent(firstKey);
     }
   };