0513
工作
- 使用 AntDesing 遇到的问题:如何实现多个
Form.Item
内容联动,即输入框A的值变化后,B也随之变化- 往期经验:在
3.x
版本中,使用方式是getFieldValue('A')
即可动态拿到 A 的值,但是当前版本是4.x
,Form
组件做了性能优化,组件值变化不会重新 render - 猜测:肯定会提供这种 API 的,因为这是一种很常见的表单操作
- 发现:
shouldUpdate: (prevValue, curValue) => boolean
自定义字段更新逻辑,附带用法:shouldUpdate - 注意细节:
shouldUpdate
是一个判断条件,可以拿到表单新旧的所有值,因此可以对比。其次,Form.Item
里面的内容,必须要是一个回调函数,普通函数式不行的。这里可以理解为,对Form.Item
组件的值进行监听,触发的是一个回调函数。
- 往期经验:在
好文推荐
- 前端水印实现方案
- 一文看懂Chrome浏览器工作原理 学习浏览器的进程,线程,渲染流程
- 实战:Express 模拟 CSRF 攻击 学习了解 CSRF 攻击流程,CSRF 模拟攻击,CSRF 防范方法
项目推荐
反思
- 今天比较有成就感的事情,就是发现了公司设计规范的不足,然后和 UI 小哥 argue,按照在上家公司的开发习惯,关于查询页页面原型,提出我的看法。
- 毕竟仅仅是 一个查询页,我觉得没有必要展现各种表单元素然后一个个 disabled 掉,如果表单组件联动,业务一旦复杂度上升,那么代码维护难度就会很大。
- 所以建议 对查询页单独设一个页面,纯文字展示;虽然多了页面,但是开发难度也简单,参照编辑页,去掉所有操作项,只留下查询和展示
- 虽然多花了2个多小时开发,但是感觉开了这个先例和规范,以后开发舒适度会好很多。
明日计划
- 假期休息,反思自己学习的不足