Ant Design Form表單中getFieldDecorator使用異常總結


這里使用了props.form.getFieldDecorator(id,{選擇操作})方法來包裝一個Input輸入框組件,傳入的第一個參數表示這個字段的Id,第二個參數是一個配置對象,這里設置了表單控件的校驗規則rules。

問題:填寫Form表單時會發報 Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

真因:使用getFieldDecorator()方法包裝后的組件會自動更新表單組件的value以及onChange事件,無需再手動添加value屬性,但onChange事件可根據需求添加以便監聽數據變化。真是因為手動添加value屬性才導致Warning的發生。如果需要填寫初始默認值可使用initialValue進行設置。


免責聲明!

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



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