create-react-app with typescript -如何将类型放在单独的文件中

create-react-app with typescript是一个用于创建React应用的脚手架工具，它结合了React和TypeScript的优势，可以帮助开发者快速搭建基于React和TypeScript的项目。

在create-react-app with typescript中，将类型放在单独的文件中可以通过以下步骤实现：

/// <reference types="react-scripts" />

declare module '*.png' {
  const value: string;
  export default value;
}

上述代码中，我们使用declare module语法来声明一个模块，*.png表示匹配所有的.png文件，const value: string表示该模块导出的值是一个字符串类型。

在types文件夹下创建其他需要的类型定义文件，例如api.d.ts用于定义与后端API交互的类型，utils.d.ts用于定义通用的工具函数类型等。

在使用这些类型定义文件时，只需要在需要使用的地方引入即可，例如：

import { User } from './types/api';

const user: User = {
  id: 1,
  name: 'John Doe',
};

上述代码中，我们从./types/api中导入了User类型，并将其应用到user变量上。

推荐的腾讯云相关产品和产品介绍链接地址：

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云