Antd 中 Input 組件默認(rèn)值的顯示

1、input標(biāo)簽中有placeholder可以顯示默認(rèn)值

但是有一些樣式的問題(字體顏色會淡一點)

placeholder屬性

2、 用Input組件中的defaultValue屬性


defaultValue屬性

3、form表單組件中的 initialValue參數(shù)

注意:當(dāng)Form組件和Input組件一起用時,defaultValue在Input組件上無法生效

使用方法:form.getFieldDecorator配置initialValue參數(shù):默認(rèn)值

form.getFieldDecorator配置initialValue參數(shù)

這里將Antd中form組件的注意事項列出來(很重要,使用過程中經(jīng)常會碰到)

經(jīng)過 getFieldDecorator 包裝的控件,表單控件會自動添加 value(或 valuePropName 指定的其他屬性) onChange(或 trigger 指定的其他屬性),數(shù)據(jù)同步將被 Form 接管,這會導(dǎo)致以下結(jié)果:

1、你不再需要也不應(yīng)該用 onChange 來做同步,但還是可以繼續(xù)監(jiān)聽 onChange 等事件。

2、你不能用控件的 value defaultValue 等屬性來設(shè)置表單域的值,默認(rèn)值可以用 getFieldDecorator 里的 initialValue。

3、你不應(yīng)該用 setState,可以使用 this.props.form.setFieldsValue 來動態(tài)改變表單值。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容