首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
表单
订阅
fen同学
更多收藏集
微信扫码分享
微信
新浪微博
QQ
4篇文章 · 0订阅
深入学习并手写 React Ant Design4 表单核心库 rc-field-form
最近有一个非常复杂的表单需求,可能需要对表单做“任何事情”,现有的 UI 组件库选用的是 Ant Design 简称 antd 。它的 Form 表单已经帮我们把“表单项校验”、“表单项错误信息”等常见操作全部封装好了。使用起来非常便捷。翻看了 antd Form 源码发现其核…
手写实现 rc-field-form (二)
写在前面 前面一篇文章已经简单说了一下,rc-form 到 rc-field-form 的改变,并且展示了 rc-field-form 的使用 今天这篇文章我们来一步一步实现完善我们自己的 rc-fi
深入了解 rc-field-form
对于经常使用 react 开发的朋友来说,antd 应该不陌生。开发中经常遇到的表单大多会使用 antd 中的 Form 系列组件完成,而 rc-field-form 又是 antd Form 的重要组成部分,或者说 antd Form 是对 rc-field-form 的简单…
Antd Form 实现机制解析
首先我们先看一个简单的表单,收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件,获取表单项的 value,根据定义的校验规则对 value 进行检验,生成检验状态和检验信息,再通过 setState 驱动视图更新,展示组件的值以及校验信息即可。 上面的…