Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在状态值上使用state运算符后出现的类型记录错误

在状态值上使用state运算符后出现的类型记录错误
EN

Stack Overflow用户
提问于 2022-07-07 04:19:02
回答 1查看 60关注 0票数 0

我不知道接口语法是否错误,尽管代码编辑器很高兴

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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>();

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  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),
      })),
    });
  };

此函数正在更新状态,没有任何错误。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  const courseQuizCheck = () => {
    console.log("From course quiz check", courseQuiz);
    if (courseQuiz) return courseQuiz;
    else {
      return {
        quiz: [],
        passing: null,
        attempts: null,
        quizTitle: null,
      };
    }
  };

再次在一个函数中,我试图像这样展开课程测试。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  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(),错误是

**

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const courseQuizCheck: () => courseQuiz | {
    quiz: never[];
    passing: null;
    attempts: null;
    quizTitle: null;
}

类型'courseQuiz AC.26{ never[];传递: null;尝试: null;quizTitle: null;}‘不是数组type.ts(2461) *控制台也显示了一个错误,错误是** TypeError: courseQuiz不可迭代**

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-07 04:26:24

您正在尝试扩展接口courseQuiz的变量CourseQuiz,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface courseQuiz {
  quiz: innerQuiz[];
  passing: number;
  attempts: number;
  quizTitle: string;
}

您不能在控制台日志函数中扩展对象,只能扩展数组.

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72897697

复制
相关文章
图像特效显示(上)
准备11月份更一个新的系列,之前看的杨淑莹老师的《数字图像处理Visual Studio C++技术实现》,里面的代码都没来得及打,而且其是基于自定义的图像类实现的,这个系列就把所有例程移植为opencv-C++实现,也就是算法逻辑用C++实现,图像对象使用opencv自带的图像类。
周旋
2022/08/07
1.1K0
图像特效显示(上)
(译)SDL编程入门(2)在屏幕上显示图像
注意:从现在开始,教程将只涉及源代码的关键部分。如果想看完整的程序,你必须下载完整的源码。
arcticfox
2020/09/24
2.7K0
Python+Matplotlib显示图像并实时局部放大
在主坐标系中显示一幅图像,在右上角创建子坐标系并随着鼠标移动实时放大显示图像的局部。
Python小屋屋主
2023/02/28
1.1K0
Python+Matplotlib显示图像并实时局部放大
IOS – OpenGL ES 图像凹面镜放大效果 GPUImagePinchDistortionFilter
GPUImagePinchDistortionFilter 属于 GPUImage 图像视觉效果相关,用来处理图像凹面镜放大。shader 源码如下:
猿说编程[Python和C]
2023/04/01
4220
在iOS上推流
编译librtmp需要用到openssl,所以先编译openssl,下载脚本OpenSSL。
Helloted
2022/06/07
8650
在iOS上推流
怎样在ios上上架app
在上架App之前想要 真机测试的同学 请查看 iOS- 最全的真机测试教程 里面包含怎么让多台电脑同时 上架App和同时真机调试。P12文件的使用详解
iOS程序应用
2023/01/13
5350
iOS 图片浏览的放大缩小
功能描述:支持网络和本地gif、jpeg等格式图片的浏览、捏合或双击放大缩小、长按保存到本地相册、获取gif图片的循环次数和时长。 效果预览.gif 主要部分:创建一个继承于UIScrollView的
且行且珍惜_iOS
2018/05/22
3.9K0
深度学习应用:iOS 上的图像风格迁移
图像风格迁移,用 python 就可以实现,如果想要在手机上面(不联网)查看效果怎么办呢?
iOSDevLog
2019/02/20
1.1K0
数字图像放大算法
上一篇推送中,为大家介绍了几种图像处理算法总结的方法,在本次推送中,二白继续为大家介绍余下的方法。
小白学视觉
2019/10/24
1.7K0
在Android和iOS上设置手机ip详细教程
大家好!今天我们将分享一个关于如何在Android和iOS设备上设置手机ip(Layer 2 Tunneling Protocol)的简易教程。如果你想要通过安全且可靠的方式连接到远程网络,那么跟着本文一起学习吧!无需复杂操作,让我们开始愉快地探索吧!
华科云商小徐
2023/09/07
6010
老司机带你走进Core Animation 之粒子发射、TileLayer与异步绘制
老司机带你走进Core Animation 之粒子发射、TileLayer与异步绘制
老司机Wicky
2018/08/22
9750
老司机带你走进Core Animation 之粒子发射、TileLayer与异步绘制
原-图像处理基础(二)图像的放大与缩小
最近邻插值法 其中 size(g(x))代表图像像素矩阵列宽 size(g(y))代表图像像素矩阵行高 scale 代表缩放倍数 \begin{matrix} f(x)=g(round(x),r
Pulsar-V
2018/04/28
2.9K0
原-图像处理基础(二)图像的放大与缩小
iOS 的系统类信息在栈上?
前言 今天有位群友抛出了一个很有意思的问题:为什么系统类的 class 地址比栈区变量更高? image-20210519235852843 iOS 进程内存布局 通常情况下,我们对进程内存的布局
酷酷的哀殿
2021/06/22
8130
iOS 的系统类信息在栈上?
c#利用Halcon的图像显示控件显示图像
?
vv彭
2020/10/27
2.9K0
c#利用Halcon的图像显示控件显示图像
将jpeg图片显示在framebuffer上
点击(此处)折叠或打开 /************************************************** * example5.c * Author: T-bagwell * * Compile:gcc -Wall example5.c -o example5 *************************************************/ #include <stdio.h> #inclu
用户3765803
2019/03/05
1.2K0
Upscayl,引领 AI 图像放大技术
在数字时代,图像无处不在。无论是在社交媒体上分享照片,还是在商业领域中进行品牌宣传,我们都希望能够呈现出清晰、精美的图像。然而,有时候我们只能获得低分辨率的图像,这让我们感到困惑和失望。但是,现在有一个令人兴奋的解决方案——Upscayl,这是一项引领 AI 图像放大技术的在线工具。
程序那些事儿
2023/10/07
6280
Upscayl,引领 AI 图像放大技术
iOS 图片预览 放大缩小的实现方式
把UIImageView放到UIScrollView中 对UIImageView添加点击事件实现
码客说
2019/10/22
2.5K0
图像放大处理过程
设置图像放大使用的方法,插值或者不插值 RenderOptions.SetBitmapScalingMode(grid, BitmapScalingMode.NearestNeighbor);
sofu456
2021/12/06
4200
图像放大处理过程
8. 图像处理的应用 - 动作放大
上一次我给大家提到了延时摄影作品中通常会有随机的短期抖动,我介绍了一种算法可以分离短期和长期的运动,并通过滤除短期抖动、增强长期运动来获取到平滑的视频。而很多时候,我们会对视频中的非常隐晦的时域变化感兴趣。所以这一次我会介绍一个计算摄影技术构成的"动作放大器",它能够高效的将视频中的难以用肉眼察觉的变化分离出来,并在重新渲染过程中进行放大,生成新的视频。我初次接触这个应用方向时大吃一惊,我希望也能够带给你这种感觉。
HawkWang
2020/04/17
1.1K0
8. 图像处理的应用 - 动作放大
如何快速制作放大图像效果?
3. 右键选择椭圆工具,然后按住shfit键,在画布上画出一个合适大小的正圆形。
Mark Chen
2020/11/02
1.9K0
如何快速制作放大图像效果?

相似问题

放大iOS上的图像视图

12

在没有CATiledLayer的情况下,iOS应用中的巨大图像?

20

缩点识别器手势IOS上的图像缩放

10

iOS - CATiledLayer renderInContext:畸变图像的结果

11

捏缩以放大镀铬

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文