Ant Design 上傳(Upload)組件報錯:[antd: Upload] `value` is not a valid prop, do you mean `fileList`?


報錯:
Warning: [antd: Upload] value is not a valid prop, do you mean fileList? Uncaught TypeError: (fileList || []).forEach is not a function

錯誤原因:上傳組件(Upload)寫在標簽內部
代碼如下:
<Form.Item name="video" label="上傳視頻">
    <Upload customRequest={customRequest}>
       <Button icon={<UploadOutlined />}>上傳視頻</Button>
    </Upload>
</Form.Item>
解決方法:
<Form.Item
  name="video"
  // 下面兩條必須存在
 valuePropName="fileList"
// 如果沒有這一句會報錯
Uncaught TypeError: (fileList || []).forEach is not a function
getValueFromEvent={normFile}
  label="上傳視頻"
> <Upload customRequest={customRequest}> <Button icon={<UploadOutlined />}>上傳視頻</Button> </Upload> </Form.Item>

 

參考文檔:https://blog.csdn.net/weixin_47091394/article/details/117562144

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM