antd和alifd的表单

先说antd form的一个bug,mygod, 光天化日明晃晃的,defalutvalue 竟然无法提交为defalutvalue,咋办。initValues。单词可能拼错,你那么聪明,一看就懂。

defalutvalue和initValues为什么差异性大,你猜?

defalutvalue 是给独立的表单元素用的,什么叫独立表单元素,不被表单的form form.item 包裹的就是独立表单元素

initvalue是给form.item 用的,必须被两层包裹着。

 

 

 

 

表单是工业化时期的东西,是非受控的典型案例

React版本

概念

受控:严格数据驱动。不建议

非受控:严格事件驱动,赞成受验证的阻拦 

失控:严格事件驱动下的数据驱动 不建议 除非忍不住

分组非受控:一部分事件驱动+另一部分事件驱动 赞成 受验证的阻拦 

 当然也有交叉分组非受控,全部事件驱动,另一部分是其他事件驱动,mygod

 

 

Vue呢?全部受控。不受验证阻拦,垃圾死。咋办?将组件全部改为onchange+value改为非受控。

 

 

受控:

不要表单,全是表单元素就能受控,输入的和选择的受控方式存在差异

 

非受控,第一次受控

要表单,必须表单元素实现value+onchange,initValues

 

失控

要表单,表单元素没有实现value+onchange,变为数据驱动

 

分组非受控:开始费劲了,antd垃圾,alifd支持的较好,飞猪的表单领先。买卖不行, 表单领先。推荐飞猪 

XRender

XRender

XRender

XRender

XRender

 

 

posted on 2024-04-18 23:59  漫思  阅读(35)  评论(0编辑  收藏  举报

导航