AntDesign使用Form表單出現You cannot set a form field before rendering a field associated with the value


1. 在使用AntDesign的form表單時,在弄編輯新增使用同一個Modal框的時候,點擊編輯按鈕打開頁面時,呈現編輯頁面的表單需要渲染這一行record數據,雖說后台渲染的數據還是都渲染出來了,但是此時的頁面打開控制台還是會出現警告。

警告圖如下所示:

在這里插入圖片描述

2. 出現這個原因,還是因為this.props.form.setFieldsValue在用傳值的時候,所傳的只能是form中使用到的參數,就是getFieldDecorator方法中的filed領域,沒有的filed領域一律不允許多傳,否則就會出現警告提示

問題原因: 通過setFieldsValue方法設置傳的值只能是此表單中出現的值,不可以多傳,多傳遞了多余的字段就會出現圖片所示狀況。

解決方法: 打印自己傳遞的那一行record信息,對比自己的表單字段,看看是否多了字段,如果多了,可以設置一個中間變量,用於存儲自己表單所需要的字段,再后續處理再傳到自己表單中。這里因為我寫的modal框挺多,且都用到form表單,為了區分,所以設置時,給表單做了處理,但是大體操作是差不多的。

在這里插入圖片描述

在這里插入圖片描述


免責聲明!

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



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