溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
antd Form組件使用getFieldsValue方法獲取自定義組件的值？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
自定義組件
1、自定義組件被getFieldsValue包裹，會獲得以下屬性
onChange方法, 子組件調用此方法，可將值傳給父組件，從而Form可拿到自定義組件的值
value屬性，獲得初始值
2、組件調用
像Form表單內的組件一樣調用，就可以了
補充知識：Ant Design Pro，用setFieldsValue方法，給嵌套到Form表單中的DatePicker或RangePicker組件設置默認值
其實用setFieldsValue或者獲取setState方法都可以設置DatePicker的默認值。
但是關鍵點在于，引用moment方法轉換日期格式
1、setState方法，利用FormItem組件的initialValue屬性設置默認值：
import moment from 'moment';
this.setState({defaultDate}) // 自定義默認日期
<FormItem label="日期選擇框">
{getFieldDecorator('date', {
initialValue: moment(this.state.defaultDate, 'YYYY-MM-DD'),
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>2、setFieldsValue方法，利用form的setFieldsValue屬性賦值：
import moment from 'moment';
this.props.form.setFieldsValue({
"date": moment("自定義默認日期", 'YYYY-MM-DD')
})
<FormItem label="日期選擇框">
{getFieldDecorator('date', {
rules: [{ required: true }],
})(
<DatePicker format={'YYYY-MM-DD'} />
)}
</FormItem>RangePicker同理，只是 initialValue 變成了數組 [ moment( startDate ) , moment( endDate )]
關于antd Form組件使用getFieldsValue方法獲取自定義組件的值問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
