React项目中使用TypeScript，如何详细规划与实施？

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

目录+项目目录及ts文件划分+在项目中使用TypeScript具体实践+组件声明+React Hooks使用+useState+useRef+useCallback+useMemo+useContext+useReducer+useImperativeHandle+Axios请求/响应定义+前言：+本文主要记录

目录

• 项目目录及ts文件划分
• 在项目中使用TypeScript具体实践
• 组件声明
• React Hooks使用
• useState
• useRef
• useCallback
• useMemo
• useContext
• useReducer
• useImperativeHandle
• Axios请求/响应定义封装

前言：

本文主要记录我如何在React项目中优雅的使用TypeScript，来提高开发效率及项目的健壮性。

项目目录及ts文件划分

由于我在实际项目中大部分是使用umi来进行开发项目，所以使用umi生成的目录来做案例。