美文网首页
react antd使用过程问题总结

react antd使用过程问题总结

作者: marlti7 | 来源:发表于2023-02-06 17:23 被阅读0次

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

相关文章

网友评论

      本文标题:react antd使用过程问题总结

      本文链接:https://www.haomeiwen.com/subject/lqcszrtx.html