1、input標簽中有placeholder可以顯示默認值

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

placeholder屬性

2、用Input組件中的defaultValue屬性

defaultValue屬性

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

注意：當Form組件和Input組件一起用時，defaultValue在Input組件上無法生效

使用方法：form.getFieldDecorator配置initialValue參數(shù)：默認值

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

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

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

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

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

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

總結(jié)

以上是生活随笔為你收集整理的antd 给input设置值_Antd 中 Input 组件默认值的显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。