react antd使用过程问题总结

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容