当前位置: 首页 > article >正文

react 的一些typescript写法

  • ReactNode:JSX 的类型,一般用 ReactNode,但要知道 ReactNode、ReactElement、JSX.Element 的关系

  • FunctionComonent:也可以写 FC,第一个类型参数是 props 的类型

  • useRef 的类型:传入 null 的时候返回的是 RefObj,current 属性只读,用来存 html 元素;不传 null 返回的是 MutableRefObj,current 属性可以修改,用来存普通对象。

  • ForwardRefRenderFunction:第一个类型参数是 ref 的类型,第二个类型参数是 props 的类型。forwardRef 和它类型参数一样,也可以写在 forwardRef 上

  • useReducer:第一个类型参数是 Reducer<data 类型, action 类型>,第二个类型参数是初始化函数的参数类型。

  • PropsWithChildren:可以用来写有 children 的 props

  • CSSProperties: css 样式对象的类型

  • HTMLAttributes:组件可以传入 html 标签的属性,也可以指定具体的 ButtonHTMLAttributes、AnchorHTMLAttributes。

  • ComponentProps:类型参数传入标签名,效果和 HTMLAttributes 一样

  • EventHandler:事件处理器的类型


http://www.kler.cn/a/401249.html

相关文章:

  • 柔性仿人手指全覆盖磁皮肤,具备接触觉和运动觉的双模态感知能力
  • 【计算机网络安全】湖北大学-mysql事务隔离性实验
  • CVE-2024-2961漏洞的简单学习
  • 搭建MC服务器
  • delphi fmx android 离线人脸识别
  • DQN系列算法详解
  • 深入解析Kernel32.dll与Msvcrt.dll
  • UDP发送过程:copy_from_user调用路径跟踪
  • React(二)
  • Jmeter进阶篇(27)压测时如何计算最合适的并发量
  • 【GNU】gcc -g编译选项 -g0 -g1 -g2 -g3 -gdwarf
  • 模拟信号手柄驱动比例阀放大器
  • 面试_ABtest原理简介
  • 【Java】字节码文件
  • 自动驾驶系列—自动驾驶数据脱敏:保护隐私与数据安全的关键技术
  • 【面试题】接口怎么测试?如何定位前后端的Bug?
  • Spring 中的 BeanDefinitionParserDelegate 和 NamespaceHandler
  • rk3568, can(3)-----canfd与can2.0
  • 3D Streaming 在线互动展示系统:NVIDIA RTX 4090 加速实时渲染行业数字化转型
  • Django学习笔记十五:Django和Flask有什么区别?
  • React教程第四节 组件的三大属性之state
  • 菜鸟驿站二维码/一维码 取件识别功能
  • MongoDB自定义顺序排序
  • 身份证号码校验
  • 【python爬虫之 funboost 分布式函数调度框架】
  • sql server查看当前正在执行的sql