edit

src/pages/freshman/join.astro

@@ -5,6 +5,6 @@ import ReactChild from "./react/join.tsx";
 
 <BaseLayout title="加入我们">
   <main>
-    <ReactChild />
+    <ReactChild client:load />
   </main>
 </BaseLayout>

src/pages/freshman/list.astro

@@ -5,6 +5,6 @@ import ReactChild from "./react/list.tsx";
 
 <BaseLayout title="加入我们">
   <main>
-    <ReactChild />
+    <ReactChild client:load />
   </main>
 </BaseLayout>

src/pages/freshman/react/join.tsx

@@ -12,7 +12,6 @@ export default function JoinForm() {
     qq: "",
     email: "",
   })
-
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { name, value } = e.target
     setFormData(prevData => ({
@@ -20,71 +19,78 @@ export default function JoinForm() {
       [name]: value,
     }))
   }
-
   const handleSubmit = async () => {
     try {
       await activeClient.freshman.postFreshmanAdd({
         requestBody: formData,
       })
-      alert("Form submitted successfully!")
+      alert("提交成功！ 后续请加群获取！")
     }
     catch (error) {
       console.error("Error submitting form:", error)
       alert("Failed to submit form.")
     }
   }
-
   return (
     <div>
-      <Card>
+      <form>
-        <CardBody>
+        <Card>
-          <Input
+          <CardBody>
-            name="name"
+            <Input
-            placeholder="姓名"
+              name="name"
-            value={formData.name}
+              placeholder="姓名"
-            onChange={handleChange}
+              value={formData.name}
-          />
+              onChange={handleChange}
-          <Input
+              required
-            name="class"
+            />
-            placeholder="班级"
+            <Input
-            value={formData.class}
+              name="class"
-            onChange={handleChange}
+              placeholder="班级"
-          />
+              value={formData.class}
-          <Input
+              onChange={handleChange}
-            name="number"
+              required
-            placeholder="学号"
+            />
-            value={formData.number}
+            <Input
-            onChange={handleChange}
+              name="number"
-          />
+              placeholder="学号"
-          <Input
+              value={formData.number}
-            name="major"
+              onChange={handleChange}
-            placeholder="专业"
+              required
-            value={formData.major}
+            />
-            onChange={handleChange}
+            <Input
-          />
+              name="major"
-          <Input
+              placeholder="专业"
-            name="phone"
+              value={formData.major}
-            placeholder="电话"
+              onChange={handleChange}
-            value={formData.phone}
+              required
-            onChange={handleChange}
+            />
-          />
+            <Input
-          <Input
+              name="phone"
-            name="qq"
+              placeholder="电话"
-            placeholder="QQ"
+              value={formData.phone}
-            value={formData.qq}
+              onChange={handleChange}
-            onChange={handleChange}
+              required
-          />
+            />
-          <Input
+            <Input
-            name="email"
+              name="qq"
-            placeholder="邮箱"
+              placeholder="QQ"
-            value={formData.email}
+              value={formData.qq}
-            onChange={handleChange}
+              onChange={handleChange}
-          />
+              required
-        </CardBody>
+            />
-        <CardFooter>
+            <Input
-          <Button onClick={handleSubmit}>提交表单</Button>
+              name="email"
-        </CardFooter>
+              placeholder="邮箱"
-      </Card>
+              value={formData.email}
+              onChange={handleChange}
+              required
+            />
+          </CardBody>
+          <CardFooter>
+            <Button onClick={handleSubmit}>提交表单</Button>
+          </CardFooter>
+        </Card>
+      </form>
     </div>
   )
 }

src/pages/freshman/react/list.tsx

@@ -18,7 +18,7 @@ const FreshmanList = () => {
     list: [],
     total: 0,
   })
-  const [currentPage, setCurrentPage] = useState(0)
+  const [currentPage] = useState(1) // setCurrentPage
   useEffect(() => {
     const fetchFreshmen = async () => {
       const result = await activeClient.freshman.getFreshmanList({
@@ -28,13 +28,9 @@ const FreshmanList = () => {
     }
     fetchFreshmen()
   }, [])
-  setTimeout(() => {
-    setCurrentPage(1)
-  }, 1000)
   return (
     <div>
       <Card>
-        {JSON.stringify(freshmen)}
         <CardBody>
           {freshmen.list.map(freshman => (
             <div key={freshman.number}>