解決antd的Form組件setFieldsValue的警告問題
記?。簊etFieldsValue的字段要對應(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)有的字段（因?yàn)椴淮嬖冢?，所以就會?bào)出這樣的錯誤提示
所以在使用this.form.setFieldsValue時，賦值的數(shù)據(jù)要一一匹配field，用不到的不要賦值即可，這樣操作之后錯誤提示就不再提醒了。
補(bǔ)充知識：解決antd vue中使用setFieldsValue報(bào)錯“You cannot set a form field before rendering a field associated with ”
一、報(bào)錯現(xiàn)象
1.在使用antd vue框架中的表單api時，出現(xiàn)了一個warning警告，雖說不影響程序運(yùn)行，不過咱還是能不報(bào)錯和警告就不報(bào)錯和警告
——“You cannot set a form field before rendering a field associated with ”
2.場景
在后臺管理系統(tǒng)中渲染列表數(shù)據(jù)，點(diǎn)擊列表中的——編輯按鈕——呈現(xiàn)編輯頁面——此時頁面將會報(bào)錯，雖說后臺渲染的數(shù)據(jù)都渲染出來了
二、原因
this.props.form.form.setFieldsValue 傳值的時候只能是form中用到的參數(shù)(即是getFieldDecorator方法中的field)沒有的field一律不允許多傳，否則就會報(bào)錯
即：當(dāng)點(diǎn)擊編輯按鈕時，出現(xiàn)頁面表單，且通過.setFieldsValue方法設(shè)置的當(dāng)然是彈出的頁面表單的表單值，
即：其設(shè)置的只能是此表單中出現(xiàn)的值，不能多傳，否則將會報(bào)錯，雖說并不影響程序運(yùn)行
所以原因：多傳遞了多余的字段，自己數(shù)數(shù)和測測，看看是否傳遞了沒有的字段
以上這篇解決antd的Form組件setFieldsValue的警告問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue使用Pinia輕松實(shí)現(xiàn)狀態(tài)管理
pinia，一個基于Vue3的狀態(tài)管理庫，它可以幫助開發(fā)人員管理Vue應(yīng)用程序的狀態(tài)，本文主要為大家介紹了Pinia的用法，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06
vue實(shí)現(xiàn)table表格里面數(shù)組多層嵌套取值
這篇文章主要介紹了vue實(shí)現(xiàn)table表格里面數(shù)組多層嵌套取值，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
文章介紹了如何使用Node.js搭建Vue工程,并對Vue工程目錄進(jìn)行了詳細(xì)解讀,包括各種文件夾和文件的作用,此外,還講解了如何設(shè)置網(wǎng)頁標(biāo)題和全局樣式,以及如何配置路由,感興趣的朋友一起看看吧2025-03-03
Vue3實(shí)現(xiàn)地圖選點(diǎn)組件的示例代碼
這篇文章主要為大家詳細(xì)介紹了Vue3實(shí)現(xiàn)地圖選點(diǎn)組件的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
本文將探討這些常見問題的原因,并提供相應(yīng)的解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
vue3中keep-alive和vue-router的結(jié)合使用方式
這篇文章主要介紹了vue3中keep-alive和vue-router的結(jié)合使用方式，?具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細(xì)介紹了VUE項(xiàng)目中路由之間的傳值方式，文中的示例代碼講解詳細(xì)，涉及到的方法也都是開發(fā)時常用的，希望對大家有多幫助2023-06-06
Vue+Openlayer使用modify修改要素的完整代碼
這篇文章主要介紹了Vue+Openlayer使用modify修改要素的完整代碼,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-09-09
這篇文章主要給大家介紹了關(guān)于如何使用寶塔部署Vue項(xiàng)目的相關(guān)資料,寶塔面板提供了非常方便的方式來部署 Vue 項(xiàng)目,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
這篇文章主要介紹了淺談Vue為什么不能檢測數(shù)組變動，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10