AS_TS的博客

umi 配置路由根据 umi ，官方文档的介绍，项目的路由写在 .umirc.ts 文件里的 routes 数组中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index', name:'首页'}, ], fastR

使用 umiJS 时出现的终端警告：WARN [WARN] update jsx: "react" into jsx: "react-jsx" to suport the new JSX transform in React 17 in tsconfig.json解决方法：确保 typescript 的依赖安装完成，随便打开一个提示错误的 .tsx 文件。macOS 使用 command + shift + p，Windows 貌似是 ctrl + shift + p。然后输入 TypeScri

redux 安装完成后，并能马上使用，需要进行小小的配置，有如下步骤：用了redux插件的同学，才开发者模式下，会看到这个提示，点击下划线部分，会打开介绍说明redux-devtools-extension: https://github.com/zalmoxisus/redux-devtools-extension#usage在基础使用部分，找到图中标记的部分，在store.js文件中对应位置加入即可如果使用 typescript ，在说明中也提供了方法，在下图框住部分点击上图框中的

在创建完react项目后，想使用typescript，给typescript设置了tsconfig.json后，出现了serviceWorker.js文件的报错找了以前的项目，查看了修复方式，其中config的类型报错，可以使用ts中的 type 来设置 config的类型而 process.env.PUBLIC_URL 报错，在首次编译之后会生成 react-app-env.d.ts 声明文件，错误会消失...

// 父组件import React, {Component} from 'react';class Parents extends Component { constructor(props) { super(props); this.state = { } } componentDidMount() { } handleCancel = (e) => { console.log(

转换成时间戳// 转换成时间戳export function timeStamp(time: any) { return new Date(time).getTime()}可以转换的日期格式为:1. “2018/1/1 8:00:00”;2. “2018,1,1 8:00:00”;3. “2018-1-1 8:00:00”; - 中间不能有空格，如果有空格需要过滤掉4. “2019-01-08T00:51:02.000+0000” ;其中年份为必填，其余的都可以省略，月/日不

接上一步，自己使用 typescript 写好的模块项目打包上传到 npm 上时，需要设置声明文件，根据 typescript 官方文档中编译选项里提供的属性，在 tsconfig 中增加对应的设置，来实现声明文件的自动生成接下来的问题，如何使用自己打包上传的npm包使用npm命令下载自己的包到新项目（如同下载其他包一样），下载完成后，也如同其他包一样引用，但是在引用时可能出现可能出现JSX ...

在使用typescript 时，会出现打包后生成编译成js文件，这导致从从typescript导出的模块、函数等无法使用这时，我们需要配置 tsconfig.json 文件，在 typescript 官方文档中，编译选项，在这里找到与生成相应的 .d.ts 文件和 声明文件 相关的选项，其中包括：–declaration–declarationDir–types–typeRoots...

TypeScript结构化类型系统的基本规则是，如果x要兼容y，那么y至少具有与x相同的属性。比如：interface Named { name: string;}let x: Named;// y's inferred type is { name: string; location: string; }let y = { name: 'Alice', location: '...

枚举使用枚举我们可以定义一些有名字的数字常量。 枚举通过enum关键字来定义。enum Direction { Up = 1, Down, Left, Right}数字枚举可通过 . 或 [] 获取枚举对应编号枚举编号赋值如果前一个枚举编号为变量或计算值时，那么记下来的第一个枚举值需要设置初始值字符串枚举异构枚举既有数字，又有字符串...

引自: TypeScript 自中文手册.使用泛型变量这引导我们去写第一个泛型接口了。 我们把上面例子里的对象字面量拿出来做为一个接口：interface GenericIdentityFn { <T>(arg: T): T;}function identity<T>(arg: T): T { return arg;}let myIdent...

函数类型为函数定义类型让我们为上面那个函数添加类型：function add(x: number, y: number): number { return x + y;}let myAdd = function(x: number, y: number): number { return x + y; };我们可以给每个参数添加类型之后再为函数本身添加返回值类型。 Type...

接口基本使用typescript中可以使用 interface 定义接口制定规则，用来约束函数调用时所传参数的类型不使用 interface 定义接口时可选属性接口里的属性不全都是必需的。 有些是只在某些条件下存在，或者根本不存在。 可选属性在应用“option bags”模式时很常用，即给函数传入的参数对象中只有部分属性赋值了。带有可选属性的接口与普通的接口定义差不多，只是在可选...