![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typescript
er_ba
前端开发,小程序开发,python学习者
展开
-
(Jest篇) 单元测试
一、Jest部分1-1.安装jest>yarn add --dev jest1-2.简单案例测试创建jest.test.js文件(在项目根目录下创建,PS:react脚手架搭建的项目)1-3.运行测试,监控代码npx jest jest.test.js --watch二、React测试工具>npm install --save-dev @testing-library/react...原创 2020-08-20 14:00:25 · 183 阅读 · 0 评论 -
(React+TypeScript实战篇)三.组件库项目
一、项目搭建1.创建项目> npx create-react-app mambaship --typescript2.安装eslint插件在vscode中搜索,点击安装即可3.在项目中安装sass依赖>npm install node-sass --save原创 2020-07-04 15:20:50 · 843 阅读 · 0 评论 -
(React+TypeScript实战篇)二.ReactHook
概念:hook是react16.8新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。一.useState说明:useState---组件状态管理钩子 useState使函数组件能够使用state1.基本使用规则const [state, setState] = useState(initState); ·state是要设置的状态 ·setState是更新state的方法 ·initState是初始的state,...原创 2020-06-30 18:50:14 · 956 阅读 · 0 评论 -
(TypeScript篇)二.基础
1.类Class概念:定义了一切事物的抽象特点对象:类的实例面向对象三大特性:封装继承多态1)构建动物类class Animal{ name: string; static categories: string[] = ['mamba', 'google']; // 构造器 constructor(name: string){ this.name = name; } // 静态方法 static isAni...原创 2020-06-25 15:13:45 · 182 阅读 · 0 评论 -
(TypeScript篇)一.基础
1.安装1)安装命令>npm install -g typescript2)查看ts版本号(PS:ts指的是typescript)>tsc -v3)编译命令>tsc 文件名.ts2.基础类型1)布尔类型let isDone: boolean = false;2)数字类型let age: number = 25;let binaryNumber: number = 0b1010; // 二进制数字3)字符串类型let...原创 2020-06-23 00:25:36 · 969 阅读 · 0 评论