ant design 学习记录 type PrefixType = keyof typeof MOCK_DATA;

news/2024/12/28 4:07:58 标签: 学习, 前端, anti-design-vue
import React, { useState } from 'react';
import { Mentions } from 'antd';
import type { MentionsProps } from 'antd';

const MOCK_DATA = {
  '@': ['afc163', 'zombiej', 'yesmeck'],
  '#': ['1.0', '2.0', '3.0'],
};

type PrefixType = keyof typeof MOCK_DATA;

解释

  1. MOCK_DATA

    • MOCK_DATA 是一个包含多个属性的对象。
  2. typeof MOCK_DATA

    • typeof 是 TypeScript 中的一个操作符,用于获取一个变量或常量的类型。在这里,typeof MOCK_DATA 将返回 MOCK_DATA 对象的类型。
    • typeof MOCK_DATA 是这样的:{ @: Array; #: Array; }

  3. keyof

    • keyof 是 TypeScript 中的一个操作符,用于获取一个对象类型的所有键,并将其作为联合类型返回。
    • keyof typeof MOCK_DATA 将返回 MOCK_DATA 对象中所有属性名的联合类型:type PrefixType = "@" | "#" ;

http://www.niftyadmin.cn/n/5802334.html

相关文章

【总结(三)】单片机重点知识总结记录(串口重定向+按键消抖+延时)

一.串口重定向 串口重定向代码如下 注意: 要添加头文件include "stdio.h"要勾选微库,即Use MicroLIB /**********重定向************/ //串口1 int fputc(int ch, FILE *f) {HAL_UART_Transmit(&huart1, (uint8_t *)&ch, 1, 0xffff)…

PyQt实战——使用python提取JSON数据(十)

系类往期文章: PyQt5实战——多脚本集合包,前言与环境配置(一) PyQt5实战——多脚本集合包,UI以及工程布局(二) PyQt5实战——多脚本集合包,程序入口QMainWindow(三&…

git仓库多人协作新建分支 合并到主分支流程详解

在多人协作的 Git 仓库中,新建分支并最终将其合并到主分支的流程是为了实现团队协作、提高代码的可管理性、确保代码质量,并且避免多人同时修改同一部分代码导致冲突。以下是这个流程的目的和具体步骤。 目录 1. 在 master 上新建一个分支 2. 进行功能…

Virtualbox安装ubuntu20虚拟机无法打开终端

用Virtualbox安装ubuntu20系统,安装好之后,无法打开终端; 原因:语言设置导致的问题; 修改方法:将/etc/default/locale里LANG这行的值修改为:en_US.UTF-8即可; 步骤:先在…

攻防世界 robots

开启场景 根据提示访问/robots.txt,发现了 f1ag_1s_h3re.php 拼接访问 /f1ag_1s_h3re.php 发现了 flag cyberpeace{d8b7025ed93ed79d44f64e94f2527a17}

flask后端开发(2):URL与视图

目录 URL定义request获取请求参数 gitcode地址: https://gitcode.com/qq_43920838/flask_project.git URL定义 from flask import FlaskappFlask(__name__)app.route(/) def hello_world():return Hello World!app.route(/profile) def profile():return 我是个人…

SpringbBoot如何实现Tomcat集群的会话管理

在使用 Tomcat 集群时,由于每个 Tomcat 实例的 Session 存储是独立的,导致无法实现 Session 的共享,这可能影响到用户跨节点的访问。为了实现跨 Tomcat 实例共享 Session,可以使用 Spring Session 配合 Redis 进行集中式会话管理。…

flask后端开发(7):加载静态文件

目录 加载图片加载css样式表(颜色、图片)和js(弹窗) 加载图片 加载css样式表(颜色、图片)和js(弹窗)