Form表单
4篇文章 · 0订阅
  • 深入学习并手写 React Ant Design4 表单核心库 rc-field-form
    最近有一个非常复杂的表单需求，可能需要对表单做“任何事情”，现有的 UI 组件库选用的是 Ant Design 简称 antd 。它的 Form 表单已经帮我们把“表单项校验”、“表单项错误信息”等常见操作全部封装好了。使用起来非常便捷。翻看了 antd Form 源码发现其核…
    React.js
  • Antd Form 实现机制解析
    首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检验，生成检验状态和检验信息，再通过 setState 驱动视图更新，展示组件的值以及校验信息即可。 上面的…
    前端 Ant Design
    Antd Form 实现机制解析
  • 最熟悉的陌生人rc-form
    本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ rc-form 是谁? 我们也许会经常使用例如 Ant Design、Element UI、Vant 等第三方组件库来
    前端 React.js JavaScript
    最熟悉的陌生人rc-form
  • 如何编写神奇的「插件机制」，优化基于 Antd Table 封装表格的混乱代码 ｜ 技术点评
    功能虽然已经实现了，也记录在了 给 Antd Table 组件编写缩进指引线、子节点懒加载等功能 这篇文章中。不过我个人感觉意义不大，对功能代码不感兴趣的同学完全可以跳过。 这篇文章我想聊聊我在这个需求中，对代码解耦，为组件编写插件机制的一些思考。 指引线的逻辑分散在 rewr…
    React.js JavaScript