Skip to content

0513

工作

  • 使用 AntDesing 遇到的问题:如何实现多个 Form.Item 内容联动,即输入框A的值变化后,B也随之变化
    • 往期经验:在 3.x 版本中,使用方式是 getFieldValue('A') 即可动态拿到 A 的值,但是当前版本是 4.xForm 组件做了性能优化,组件值变化不会重新 render
    • 猜测:肯定会提供这种 API 的,因为这是一种很常见的表单操作
    • 发现:shouldUpdate: (prevValue, curValue) => boolean 自定义字段更新逻辑,附带用法:shouldUpdate
    • 注意细节:shouldUpdate 是一个判断条件,可以拿到表单新旧的所有值,因此可以对比。其次,Form.Item 里面的内容,必须要是一个回调函数,普通函数式不行的。这里可以理解为,对 Form.Item 组件的值进行监听,触发的是一个回调函数。

好文推荐

项目推荐

反思

  • 今天比较有成就感的事情,就是发现了公司设计规范的不足,然后和 UI 小哥 argue,按照在上家公司的开发习惯,关于查询页页面原型,提出我的看法。
  • 毕竟仅仅是 一个查询页,我觉得没有必要展现各种表单元素然后一个个 disabled 掉,如果表单组件联动,业务一旦复杂度上升,那么代码维护难度就会很大。
  • 所以建议 对查询页单独设一个页面,纯文字展示;虽然多了页面,但是开发难度也简单,参照编辑页,去掉所有操作项,只留下查询和展示
  • 虽然多花了2个多小时开发,但是感觉开了这个先例和规范,以后开发舒适度会好很多。

明日计划

  • 假期休息,反思自己学习的不足

TODOS

Released under the MIT License.