1.表单设置初始值 当form.item 有多子元素的时候 setFieldsValue 无效问题
FormItem 的状态依赖于子元素,所以带 name 的 FormItem 不支持 renderProps以防止嵌套数组状态无法向上传递,因而文档里也不做透出。这种需求应该这么写:
<Form.Item label="demo">
<div>
I am render props
<Form.Item name="demo" noStyle>
<Input placeholder="render props" />
</Form.Item>
</div>
</Form.Item>
参考:https://github.com/ant-design/ant-design/issues/20481
2.动态增减嵌套字段
嵌套表单字段需要对 field
进行拓展,将 field.name
应用于控制字段。
3.主动触发表单验证。 form.validateFields(['name']) 对应校验对应name="name"的form.item
当需要主动验证form.list中某一项时,参考如下:https://juejin.cn/post/6844904176770613261
4.webpack css-loader 打包之后 可能出现图片路径不读的情况 将require改用import引入(https://juejin.cn/post/6931256137052651528)
网友评论