![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Typescript基础
文章平均质量分 54
AS_TS
这个作者很懒,什么都没留下…
展开
-
umi 配置路由 独立路由文件
umi 配置路由根据 umi ,官方文档的介绍,项目的路由写在 .umirc.ts 文件里的 routes 数组中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index', name:'首页'}, ], fastR原创 2021-02-02 18:12:49 · 2246 阅读 · 1 评论 -
tsconfig.json 配置 update `jsx: “react“` into `jsx: “react-jsx“`终端警告
使用 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原创 2021-02-01 15:42:53 · 3791 阅读 · 1 评论 -
redux 初步使用及 typescript 中使用 redux 设置
redux 安装完成后,并能马上使用,需要进行小小的配置,有如下步骤:用了redux插件的同学,才开发者模式下,会看到这个提示,点击下划线部分,会打开介绍说明redux-devtools-extension: https://github.com/zalmoxisus/redux-devtools-extension#usage在基础使用部分,找到图中标记的部分,在store.js文件中对应位置加入即可如果使用 typescript ,在说明中也提供了方法,在下图框住部分点击上图框中的原创 2020-08-25 16:05:41 · 551 阅读 · 0 评论 -
react 从 .js 转变为 .ts时,serviceWorker.js 改成 serviceWorker.ts 类型报错
在创建完react项目后,想使用typescript,给typescript设置了tsconfig.json后,出现了serviceWorker.js文件的报错找了以前的项目,查看了修复方式,其中config的类型报错,可以使用ts中的 type 来设置 config的类型而 process.env.PUBLIC_URL 报错,在首次编译之后会生成 react-app-env.d.ts 声明文件,错误会消失...原创 2020-08-21 17:55:51 · 892 阅读 · 0 评论 -
typescript 中的组件传值与调用
// 父组件import React, {Component} from 'react';class Parents extends Component { constructor(props) { super(props); this.state = { } } componentDidMount() { } handleCancel = (e) => { console.log(原创 2020-05-27 10:53:51 · 3053 阅读 · 0 评论 -
封装的简单时间转换,可拓展
转换成时间戳// 转换成时间戳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” ;其中年份为必填,其余的都可以省略,月/日不原创 2020-05-26 18:47:37 · 377 阅读 · 1 评论 -
typescript 引用自己打包上传的npm包,出现JSX 元素类型“CardBase”不具有任何构造签名或调用签名
接上一步,自己使用 typescript 写好的模块项目打包上传到 npm 上时,需要设置声明文件,根据 typescript 官方文档中编译选项里提供的属性,在 tsconfig 中增加对应的设置,来实现声明文件的自动生成接下来的问题,如何使用自己打包上传的npm包使用npm命令下载自己的包到新项目(如同下载其他包一样),下载完成后,也如同其他包一样引用,但是在引用时可能出现可能出现JSX ...原创 2020-04-24 18:40:43 · 5204 阅读 · 0 评论 -
typescript 打包自动生成声明文件
在使用typescript 时,会出现打包后生成编译成js文件,这导致从从typescript导出的模块、函数等无法使用这时,我们需要配置 tsconfig.json 文件,在 typescript 官方文档中,编译选项,在这里找到与生成相应的 .d.ts 文件和 声明文件 相关的选项,其中包括:–declaration–declarationDir–types–typeRoots...原创 2020-04-24 15:34:39 · 15514 阅读 · 0 评论 -
TypeScript 类型兼容性 引用自中文手册
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: '...原创 2020-04-21 17:31:56 · 416 阅读 · 0 评论 -
TypeScript 枚举(enum) 引用自中文手册
枚举使用枚举我们可以定义一些有名字的数字常量。 枚举通过enum关键字来定义。enum Direction { Up = 1, Down, Left, Right}数字枚举可通过 . 或 [] 获取枚举对应编号枚举编号赋值如果前一个枚举编号为变量或计算值时,那么记下来的第一个枚举值需要设置初始值字符串枚举异构枚举既有数字,又有字符串...原创 2020-04-20 17:38:30 · 1741 阅读 · 0 评论 -
TypeScript 泛型(generic) 引用自中文手册
引自: TypeScript 自中文手册.使用泛型变量这引导我们去写第一个泛型接口了。 我们把上面例子里的对象字面量拿出来做为一个接口:interface GenericIdentityFn { <T>(arg: T): T;}function identity<T>(arg: T): T { return arg;}let myIdent...原创 2020-04-17 14:08:19 · 278 阅读 · 0 评论 -
Typescript 函数引用自中文手册
函数类型为函数定义类型让我们为上面那个函数添加类型:function add(x: number, y: number): number { return x + y;}let myAdd = function(x: number, y: number): number { return x + y; };我们可以给每个参数添加类型之后再为函数本身添加返回值类型。 Type...原创 2020-04-16 18:22:58 · 363 阅读 · 0 评论 -
typescript 接口使用
接口基本使用typescript中可以使用 interface 定义接口制定规则,用来约束函数调用时所传参数的类型不使用 interface 定义接口时可选属性接口里的属性不全都是必需的。 有些是只在某些条件下存在,或者根本不存在。 可选属性在应用“option bags”模式时很常用,即给函数传入的参数对象中只有部分属性赋值了。带有可选属性的接口与普通的接口定义差不多,只是在可选...原创 2020-04-16 15:27:49 · 1215 阅读 · 0 评论