update

src/components/refresh/index.tsx

@@ -0,0 +1,18 @@
+import { useEffect, useState, Fragment } from "react";
+
+export const Refresh = (props: { children: React.ReactNode }) => {
+  const [tick, setTick] = useState(0);
+
+  useEffect(() => {
+    const listener = () => {
+      setTick(prevTick => prevTick + 1);
+    }
+
+    document?.addEventListener('refresh', listener);
+    return () => {
+      document?.removeEventListener('refresh', listener);
+    }
+  }, []) // 空依赖数组是正确的，因为我们使用了函数式更新
+
+  return <Fragment key={tick}>{props.children}</Fragment>
+}