From 4f3759938f290868543dd254bbcf55a4f58816cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Tue, 4 Jul 2023 09:38:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E8=AF=A6=E6=83=85=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/index.tsx | 15 ++++++++++-----
 src/pages/course/video.tsx |  6 ++++--
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index 906bb09..5217706 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Image, ProgressCircle, SpinLoading } from "antd-mobile";
+import { Image, ProgressCircle } from "antd-mobile";
 import styles from "./index.module.scss";
 import { useNavigate, useParams } from "react-router-dom";
 import backIcon from "../../assets/images/commen/icon-back-n.png";
@@ -8,7 +8,7 @@ import { Empty } from "../../components";
 import { HourCompenent } from "./compenents/hour";
 
 const CoursePage = () => {
-  const params = useParams();
+  const { courseId } = useParams();
   const navigate = useNavigate();
   const [loading, setLoading] = useState<boolean>(false);
   const [course, setCourse] = useState<any>({});
@@ -18,12 +18,17 @@ const CoursePage = () => {
   const [learnHourRecord, setLearnHourRecord] = useState<any>({});
 
   useEffect(() => {
-    getDetail();
-  }, [params.courseId]);
+    if (courseId !== undefined) {
+      getDetail();
+    }
+  }, [courseId]);
 
   const getDetail = () => {
+    if (loading) {
+      return;
+    }
     setLoading(true);
-    Course.detail(Number(params.courseId))
+    Course.detail(Number(courseId))
       .then((res: any) => {
         document.title = res.data.course.title;
         setCourse(res.data.course);
diff --git a/src/pages/course/video.tsx b/src/pages/course/video.tsx
index bf8b36d..0d60c46 100644
--- a/src/pages/course/video.tsx
+++ b/src/pages/course/video.tsx
@@ -37,8 +37,10 @@ const CoursePlayPage = () => {
 
   useEffect(() => {
     window.player && window.player.destroy();
-    getCourse();
-    getDetail();
+    if (params.courseId && params.hourId) {
+      getCourse();
+      getDetail();
+    }
   }, [params.courseId, params.hourId]);
 
   useEffect(() => {