react 中使用 Antd 遇到的一些问题(持续更新)

39 阅读1分钟

1. Form 表单中使用 Upload 组件,设置 valuePropName="fileList" 时,上传完成后会直接报错 "(fileList || []).forEach(...) is not a function"

原因:这是因为上传后 fileList 是一个对象, 格式如下:

{ file: {...}, fileList: [] }

因此才会出现此报错。正确处理方式:

<Form.Item 
  label='文件' 
  name='file' 
  valuePropName="fileList" 
  getValueFromEvent={e => e.fileList}
>
  <Upload />
</Form.Item>

加上 getValueFromEvent={e => e.fileList} 即可解决。

参数作用
getValueFromEvent设置如何将 event 的值转换成字段值