feat: 添加选择填空题和多选题组件,增强学习互动性
- 在 quiz 组件中引入 SelectFillQuizPanel 和 MultipleChoiceQuizPanel,丰富用户的学习体验。 - 更新 Maozedong 相关页面,增加新的选择填空题和多选题,提升互动性。 - 优化状态管理,确保题目完成后的反馈逻辑流畅。 - 更新 README 文档,详细说明新组件的功能和使用示例。
This commit is contained in:
1 parent
2c8bc73e57
commit
b91f2430c6
13 files changed
+1386
-238
No files matched your search
@@ -1,4 +1,4 @@
|
||||
import { useState } from "react";
|
||||
import { useEffect, useState } from "react";
|
||||
import { SingleChoice } from "@/components";
|
||||
import type { SingleChoiceQuizPanelProps } from "./types";
|
||||
|
||||
@@ -42,6 +42,14 @@ const SingleChoiceQuizPanel = ({
|
||||
const [selectedValue, setSelectedValue] = useState<string>("");
|
||||
const [error, setError] = useState<string>("");
|
||||
|
||||
// 当窗口关闭时,重置内部状态
|
||||
useEffect(() => {
|
||||
if (!visible) {
|
||||
setSelectedValue("");
|
||||
setError("");
|
||||
}
|
||||
}, [visible]);
|
||||
|
||||
if (!visible) return null;
|
||||
|
||||
// 处理选项点击
|
||||
|
||||
Reference in new issue
Block a user