Antd- 升级

---------------------------------------------------------------------------------

1、按需引入icon 

2、表单重写: 

    v3: getFieldDecorator 在组件中执行数据绑定,每次有数据更改都会重新渲染整个表单、性能不好

    v4:不再需要使用createForm创建上下文, 

函数式组件使用cons t[form] = form.useForm(),类组件使用 formref =React.createRef(), 

    v4: Form带有一个formItem实例、通过item的属性 直接绑定数据

V3: onSubmit需要手动校验表单内容validateFields, 校验失败和校验成功后的回调单独写

    v4: 提供onFinish 表单提交时自动校验表单内容, 如果取消提交其他按钮的不需要校验或者调取其他接口 直接使用button 设定htmlType="submit"

    v4: datePickee ,TimePicker重写 开始时间结束事件自定义

注意事项: 升级之后可能会影响之前的样式 尤其是form和timepicker之类的,或者之前样式写的不规范不正确,升级后都有可能发生变化

你可能感兴趣的:(Antd- 升级)