more

erich2s · Oct 31, 2023 · 526b609 · 526b609
1 parent e3a6294
commit 526b609
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 40 deletions.
diff --git a/package.json b/package.json
@@ -44,7 +44,7 @@
     "clsx": "^1.2.1",
     "framer-motion": "^10.16.4",
     "lucide-react": "^0.259.0",
-    "next": "14.0.0",
+    "next": "14.0.1",
     "next-auth": "^4.24.4",
     "postcss": "8.4.25",
     "pretty-print-json": "^2.0.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
@@ -1,9 +1,10 @@
 "use client";
-// const Map = dynamic(() => import("@/components/admin/Map"), { ssr: false });
-import Map from "@/components/admin/Map";
+const Map = dynamic(() => import("@/components/admin/Map"), { ssr: false });
+// import Map from "@/components/admin/Map";
 import UnCompletedBox from "@/components/admin/UnCompletedBox";
 import { useEffect } from "react";
 import { useSubscriptionStore } from "@/stores/subscriptionStore";
+import dynamic from "next/dynamic";
 
 export default function page() {
   //通知订阅部分

diff --git a/src/components/admin/Map.tsx b/src/components/admin/Map.tsx
@@ -15,7 +15,10 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 let isFirstLoad = true;
+let count = 0;
+
 export default function Map() {
+  console.log("渲染map次数：", count++);
   const mapRef = useRef<HTMLDivElement>(null);
   // NOTE:窗口大小从父组件传下来的时候，会有延迟，导致地图高度计算错误从而有离奇的bug，所以需要在子组件中获取窗口大小
   const { width, height } = useWindowSize();