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

20、React常用API和Hook索引

这一小节中只给出一些API和Hook的索引,需要用到的时候可以去官网查询,如无必要此处不列出详细用法。React v1.19.1。

对Components的支持

  • 以下是开发时通用的一些功能组件
APIdescription
<Fragment>通常使用 <>…</> 代替,它们都允许你在不添加额外节点的情况下将子元素组合。
<Profiler>测量 React 树的渲染性能
<StrictMode>目的是开发过程中尽早地发现组件中的常见错误,它主要是在程序运行过程中发出警告,只在开发环境中有效
<Suspense>也是一个过场动画的作用
  • 以下是和样式显示相关的一些组件
APIdescription
<form>表单,代替html中的form
<input >代替button, checkbox, radio等,并提供原始值,验证等功能
<select>下拉列表,配合option一同使用
<option>下拉列表
<progress>进度条
<textarea>多行文本输入框
<link >资源引入,比如css样式等
<meta>meta元素定义
<script>.js文件引入或js块代码
<style >内联 CSS 样式表
<title >文字标题

以上这些内置组件都支持以下属性

APIdescription
children子元素
ref使用 useRef 或者 createRef 的 ref 对象,或者一个 ref 回调函数
style内联样式
className指定css名称
accessKey指定快捷键
autoCapitalize指定输入内容大小写
draggable元素是否可拖动
hidden此元素是否被隐藏
aria-*为元素添加辅助信息
data-*将一些字符串数据附加到元素上,然后可以从 props 与 state 中读取数据
onKeyUp…还有很多类似的函数,可参考https://zh-hans.react.dev/reference/react-dom/components/common#common

对Hook的支持

APIdescription
useActionState在表单提交后处理完成前的一个动作,它主要通过pending等属性来控制状态,依些完成相应的插入操作
useCallback在多次渲染中缓存函数
useContext全局参数
useDebugValue在调试工具中显示自定义的参数值,和在控制台输出类似
useDeferredValue延迟更新 UI 的某些部分
useEffect允许你 将组件与外部系统同步
useId相当于一个id生成器,通常用于给元素指定id或生成唯一值使用
useMemo在每次重新渲染的时候能够缓存计算的结果,可以和memo API配合使用
useReducer向组件里面添加一个 reducer,用于事件分发
useRef引用一个不需要渲染的值,即操作dom
useState向组件添加一个 状态变量
http://www.xdnf.cn/news/972577.html

相关文章:

  • Memory Repair (三)
  • Java单列模式总结及实现
  • asio之读写
  • 路径规划算法概论:从理论到实践
  • switch选择语句
  • ABB UNITROL 6000 X-power 3BH022294R0103 GFD233A103
  • Python 3.6/3.8版本切换脚本
  • 调用支付宝接口响应40004 SYSTEM_ERROR问题排查
  • Python模块全解析:从入门到精通
  • MySQL学习之---索引
  • Lighttpd 配置选项介绍
  • 谷歌趋势自动报告系统(Pipedream + Scrapeless + Discord)
  • 电脑一段时间没用就变成登陆的界面
  • 5G+边缘计算推动下的商品详情API低延迟高效率新方案
  • 【Linux Learning】SSH连线出现警告:WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
  • 超火的开源项目(Github热点)
  • 交叉编译笔记
  • Docker部署Nginx-UI
  • 【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍,多层嵌套定位示例
  • 安装 PyCharm
  • Open3D 点云处理笔记
  • 城市照明深夜全亮太浪费?智能分时调光方案落地贵州某市
  • threadlocal的实现说明
  • python46
  • 端到端自动驾驶研究:通过强化学习与世界模型的协同作用向VLA范式演进
  • 曼昆《经济学原理》第九版 第十三章生产成本
  • 智能呼入系统助力酒店客服服务
  • 使用mpu6500/6050, PID,互补滤波实现一个简单的飞行自稳控制系统
  • 2025.6.10【ZR NOI模拟赛 T3】 过啥题 题解(Lucas 定理, 数位dp, 组合意义)
  • Java设计模式基础问答