关于前端:ts类型定义记录

170次阅读

共计 696 个字符，预计需要花费 2 分钟才能阅读完成。

Record 用来定义对象的键和值的类型，也就是 key 和value。

// 上面用 Record 定义了一个对象，键 string 类型，值为 any 类型。type query = Record<string, any>;

const params: query = {
    name: 'Duo',
    age: 10,
    desc: undefined,
    children: [],
    target: null,
}

type Page = "home" | "about" | "contact";

// pageName 为 Page 枚举类型，其值只能为 home\about\contact 三者其一。const pageName: Page = 'home';

枚举也能够与 Record 组合应用

type Page = "home" | "about" | "contact";

// 此时，pages 的 key 只能为 home\about\contact 三者其一。const pages : Record<Page, string> = {home: '首页',}

interface TitleProps {name: string;}

function Title({name}: TitleProps) {
  return (
    <div className="container">
      {name}
    </div>
  );
}

import React from 'react';

interface TitleProps {name: string;}

const Title: React.FC<TitleProps> = ({name}) => (
  <div className="container">
    {name}
  </div>
);

正文完