記住：setFieldsValue的字段要對應(yīng)得上

解決antd的Form組件setFieldsValue的警告

使用antd的Form組件setFieldsValue可能會出現(xiàn)You cannot set a form field before rendering a field associated with the value.警告，字面意義去看是說在 render之前設(shè)置了表單值的問題。

解決

在使用setFieldsValue給表單Form的某一個filed賦值時，可能摻雜了非表單控件中的字段，F(xiàn)orm表單在賦值和渲染時發(fā)現(xiàn)有些字段無法渲染在現(xiàn)有的字段（因為不存在），所以就會報出這樣的錯誤提示

所以在使用this.form.setFieldsValue時，賦值的數(shù)據(jù)要一一匹配field，用不到的不要賦值即可，這樣操作之后錯誤提示就不再提醒了。

補充知識：解決antd vue中使用setFieldsValue報錯“You cannot set a form field before rendering a field associated with ”

一、報錯現(xiàn)象

1.在使用antd vue框架中的表單api時，出現(xiàn)了一個warning警告，雖說不影響程序運行，不過咱還是能不報錯和警告就不報錯和警告

——“You cannot set a form field before rendering a field associated with ”

2.場景

在后臺管理系統(tǒng)中渲染列表數(shù)據(jù)，點擊列表中的——編輯按鈕——呈現(xiàn)編輯頁面——此時頁面將會報錯，雖說后臺渲染的數(shù)據(jù)都渲染出來了

二、原因

this.props.form.form.setFieldsValue 傳值的時候只能是form中用到的參數(shù)(即是getFieldDecorator方法中的field)沒有的field一律不允許多傳，否則就會報錯

即：當(dāng)點擊編輯按鈕時，出現(xiàn)頁面表單，且通過.setFieldsValue方法設(shè)置的當(dāng)然是彈出的頁面表單的表單值，

即：其設(shè)置的只能是此表單中出現(xiàn)的值，不能多傳，否則將會報錯，雖說并不影響程序運行

所以原因：多傳遞了多余的字段，自己數(shù)數(shù)和測測，看看是否傳遞了沒有的字段

以上這篇解決antd的Form組件setFieldsValue的警告問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論