首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
手写rcFielForm
订阅
onlylovesq
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
手写实现 rc-field-form
写在前面 前面几篇我们已经仿写实现了 rc-field-form 的大部分功能了 在之前的实现中,我们在 Form 组件之外实现了一个数据仓库,并且通过自定义 hook useForm 将数据仓库实例
手写实现 rc-field-form (六)
写在前面 前面一篇文章,我们已经实现 Field 组件及时响应数据仓库数据更新时,组件的更新渲染 今天我们来实现,数据的校验功能,以及 Form 接收的回掉 数据校验 前面第一篇手写实现 rc-fie
手写实现 rc-field-form (五)
写在前面 前面一篇文章,我们已经实现,在 Form 组件中获取数据仓库的操作权限对象,然后通过 Context 将其传递给子孙组件,最后在 Field 组件中接收到数据仓库的操作权限,并接管 Fiel
手写实现 rc-field-form (四)
写在前面 前面一篇文章,我们实现了自定义 hook useForm 用于方便获取数据仓库的操作权限对象 为了 Form 组件的子孙组件都能获取到同一个数据仓库的操作权限对象,我们选择使用 contex
手写实现 rc-field-form (三)
写在前面 前面一篇文章,我们已经在 Form 组件之外新建了一个数据仓库 这个数据仓库,用于 Form 组件的数据集中管理 那我们如何让数据仓库与 React 组件之间产生联系呢?即更新数据,相应组件
手写实现 rc-field-form (二)
写在前面 前面一篇文章已经简单说了一下,rc-form 到 rc-field-form 的改变,并且展示了 rc-field-form 的使用 今天这篇文章我们来一步一步实现完善我们自己的 rc-fi
手写实现 rc-field-form (一)
写在前面 前面几篇文章,我们也已经仿照 antd v3 版本中的 Form 表单的底层库 rc-form 的功能实现了一套我们自己的 Form 组件 my-form 组件主要实现了两大功能: 集中管理