我不知道接口语法是否错误,尽管代码编辑器很高兴
interface innerQuiz1 {
question: string;
sectionId: number;
attachmentId: number;
options: string[];
answers: string[];
}
interface innerQuiz {
attempts: string;
passing: string;
quiz: innerQuiz1[];
quizTitle: string;
}
interface courseQuiz {
quiz: innerQuiz[];
passing: number;
attempts: number;
quizTitle: string;
}
测验的结构是这样的
const [courseQuiz, setCourseQuiz] = useState<courseQuiz>();
const onQuizFormSubmit = (e) => {
console.log("from", e);
setCourseQuiz({
...e,
quiz: e.quiz.map((item, i) => ({
sectionId: i,
attachmentId: null,
question: item.question,
options: item.answer.map((item) => item.option),
answers: item.answer
.filter((item) => item.checked === true)
.map((item) => item.option),
})),
});
};
此函数正在更新状态,没有任何错误。
const courseQuizCheck = () => {
console.log("From course quiz check", courseQuiz);
if (courseQuiz) return courseQuiz;
else {
return {
quiz: [],
passing: null,
attempts: null,
quizTitle: null,
};
}
};
再次在一个函数中,我试图像这样展开课程测试。
const getCourseFromForm = () => {
console.log("1.from getCourseFromForm", courseQuiz);
console.log(
"2.from getCourseFromForm after running the coursequizCheck function",
courseQuizCheck()
);
console.log("4.coursequiz is spreded", ...courseQuiz);
console.log(
"3.from getCourseFromForm after spreading the coursequizCheckfunction",
...courseQuizCheck()
);
}
类型记录在第三控制台日志中抱怨...courseQuiz,错误是
const courseQuiz:未定义的courseQuiz类型'courseQuiz未定义‘不是数组type.ts(2461)
类型记录在第4控制台日志中抱怨...courseQuizCheck(),错误是
**
const courseQuizCheck: () => courseQuiz | {
quiz: never[];
passing: null;
attempts: null;
quizTitle: null;
}
类型'courseQuiz AC.26{ never[];传递: null;尝试: null;quizTitle: null;}‘不是数组type.ts(2461) *控制台也显示了一个错误,错误是** TypeError: courseQuiz不可迭代**
发布于 2022-07-07 04:26:24
您正在尝试扩展接口courseQuiz的变量CourseQuiz,如下所示:
interface courseQuiz {
quiz: innerQuiz[];
passing: number;
attempts: number;
quizTitle: string;
}
您不能在控制台日志函数中扩展对象,只能扩展数组.。
https://stackoverflow.com/questions/72897697
复制