React+TS+antd

目录

 安装typescript

生成配置文件 

 js空类型(NAN----not a number)

 jsx配置

 Alert弹窗的实现

 安装Ant组件库

 引用modal


React+TS+antd_第1张图片

 React+TS+antd_第2张图片

 React+TS+antd_第3张图片

 React+TS+antd_第4张图片

 安装typescript

 

生成配置文件 

 React+TS+antd_第5张图片

 js空类型(NAN----not a number)

 React+TS+antd_第6张图片

 React+TS+antd_第7张图片

关闭空类型

React+TS+antd_第8张图片

 变量不赋值 就是undefined

React+TS+antd_第9张图片

 React+TS+antd_第10张图片

 React+TS+antd_第11张图片

 React+TS+antd_第12张图片

 React+TS+antd_第13张图片

 React+TS+antd_第14张图片

 React+TS+antd_第15张图片

 jsx配置

文件名tsx

React+TS+antd_第16张图片

 

 React+TS+antd_第17张图片

 Alert弹窗的实现

React+TS+antd_第18张图片

 警告弹框React+TS+antd_第19张图片

 React+TS+antd_第20张图片

 React+TS+antd_第21张图片

 React+TS+antd_第22张图片

 安装Ant组件库

 

 React+TS+antd_第23张图片

 React+TS+antd_第24张图片

 React+TS+antd_第25张图片

 

 React+TS+antd_第26张图片

 引用modal

import Modal from 'antd-mobile/lib/modal/index'

React挂载

React+TS+antd_第27张图片

React+TS+antd_第28张图片

 React+TS+antd_第29张图片

 React+TS+antd_第30张图片

 React+TS+antd_第31张图片

 启动页面

npm start

React+TS+antd_第32张图片 

没按钮

React+TS+antd_第33张图片

 在哪里定义?

React+TS+antd_第34张图片

泛型接口 

 React+TS+antd_第35张图片

 

你可能感兴趣的:(react)