TS中常用的类型-超级干货

115 阅读1分钟

元素相关

1.ReactElement
2.ReactNode
3.HTMLElement
4.ReactChild = ReactElement | ReactText
5.ReactText = string | number
小注:Element继承于Node Element一定是Node Node不一定是Element,也可能是文本、空格、换行符等

属性相关
1.Attributes
2.RefAttributes

image.png 3.RefObject
4.MutableRefObject
5.RefCallback
6.Ref
7.LegacyRef

image.png

组件声明
React.Component
React.FC

Event类型
1.React.ChangeEvent change事件
1.React.KeyboardEvent 键盘事件
1.React.MouseEvent 鼠标事件
1.React.TouchEvent 触摸事件
1.React.AnimationEvent 动画事件
1.React.TransitionEvent 过渡事件 1.React.ClipboardEvent 剪贴板事件
1.React.DragEvent 拖拽事件

image.png

Promise

image.png

常用的工具类泛型
Partial 可选 Requires 必选
Record<K,T> 映射 Exclude<T,U> 从T中剔除U
Extract<T,U> 从T中选出U(取交集)
Omit<T,K> 剔除属性
Pick<T,K> 从T中挑选出属性

image.png ReturnType 获取返回值类型