您现在的位置是:课程
在 Hooks 中,如何优化表单处理方式?
2023-07-03 15:30课程 人已围观
内容摘要
很多同学在刚开始使用 Hooks 时,会遇到一些共性问题,比如处理表单,会做一些简单的状态字段处理,但是随着业务愈发复杂,只是不断地往表单添加元素,最终导致表单逐渐臃肿,不但难维护还难定位问题。
这一讲我们会学习如何使用 Hooks 表单,并针对在表单实现过程中产生的细节,讲解两个比较常见的复杂状态管理问题。
本课目录
基础表单实现
复杂状态管理
清弦
高级前端开发工程师
在国内一线互联网公司从事 Web 前端开发工作近 10 年,曾负责研发亿级用户社交项目、千万级用户海外音视频应用平台项目,负责前端、中台业务以及跨端平台的核心研发和团队管理;自研 Node.js 的 RPC 框架,为公司内部 10 多个系统项目提供支持;目前,致力于团队在 Web 前端全栈及大前端双方向通道上的发展与转型。
8 点一课
8 点一课是拉勾教育新出的栏目,每周一至周五早上 8 点更新一期,每期 10~30 分钟,旨在用碎片化的时间,快速、高效地帮你搞清楚一个热点、令人迷惑的小知识,日拱一卒,每天进步一点点。
很多同学在刚开始使用 Hooks 时,会遇到一些共性问题,比如处理表单,会做一些简单的状态字段处理,但是随着业务愈发复杂,只是不断地往表单添加元素,最终导致表单逐渐臃肿,不但难维护还难定位问题。
这一讲我们会学习如何使用 Hooks 表单,并针对在表单实现过程中产生的细节,讲解两个比较常见的复杂状态管理问题。
本课目录
基础表单实现
- 基础表单
- 增加校验
- 事件响应
复杂状态管理
- 多状态表单处理
- 多层级状态处理
- 表单属性污染
- 防抖处理
- 优化频繁 render
清弦
高级前端开发工程师
在国内一线互联网公司从事 Web 前端开发工作近 10 年,曾负责研发亿级用户社交项目、千万级用户海外音视频应用平台项目,负责前端、中台业务以及跨端平台的核心研发和团队管理;自研 Node.js 的 RPC 框架,为公司内部 10 多个系统项目提供支持;目前,致力于团队在 Web 前端全栈及大前端双方向通道上的发展与转型。
8 点一课
8 点一课是拉勾教育新出的栏目,每周一至周五早上 8 点更新一期,每期 10~30 分钟,旨在用碎片化的时间,快速、高效地帮你搞清楚一个热点、令人迷惑的小知识,日拱一卒,每天进步一点点。
上一篇:Vue.js公司站点实战项目
下一篇:【小鹿线】NodeJs