如何设置TypeScript泛型默认类型及启用strict编译选项来构建强类型长尾词？

本文共计2406个文字，预计阅读时间需要10分钟。

目录概述为组件类创建类型定义使用泛型类型定义Props和State泛型参数默认类型其他实例新的--strict主要编译选项改进的--init输出--checkJS选项下.js文件中的错误概述TypeScript 2.3新增特性

目录

• 概述
• 为组件类创建类型定义
• 使用泛型类型定义Props和State
• 泛型参数默认类型
• 其它事例
• 新的--strict主要编译选项
• 改进的--init输出
• --checkJS选项下.js文件中的错误

概述

TypeScript 2.3 增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。

接下来看看如何通过泛型参数默认将以下react组件从js(和jsX)迁移到 TypeScript (和TSX):

class Greeting extends react.Component { render() { return <span>Hello, {this.props.name}!</span>; } }

为组件类创建类型定义

咱们先从为Component类创建类型定义开始。