<Modal /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据，需要设置 <Form preserve={false} /> ...

使用modal弹框或者子组件填写提交表单数据时,都会有展示编辑已提交数据的需求,也就是弹框里组件的数据初始化 使用的时候遇到一个问题,就是弹框里编辑的内容,关闭弹框后再次打开并不会清空 百度查了一下,大多提供了两种方式,设置 ...

https://ant.design/components/form-cn/ 解决方法： ...

@Form.create({ // 表单回填 mapPropsToFields(props) { console.log(props) return { name: Form.createFormField({ value ...

　const [form] = Form.useForm() //form实例 注意：出现:'Instance created by `useForm ...

非空限制 字符串限制 　　范围限制： 　　长度限制： 自定义校验 空格校验 ...

引用form是第三方插件ant插件，官网网址：https://ant.design/。用到的antd的版本是@2.0.1。form（https://ant.design/components/form/）表单页面的大概样子如下： 组件讲解： <Form>< ...

之前写动态表单遇到过坑，就是用index下标做key会导致bug，而且很严重！ 今天有空写下文章记录下：怎么处理和逻辑 我用的是antd3的版本，3和4的表单有点不一样，不过差别应该不大。 需求： 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...