Antd 中 Input 组件默认值的显示

1、input标签中有placeholder可以显示默认值

但是有一些样式的问题(字体颜色会淡一点)

placeholder属性

2、 用Input组件中的defaultValue属性


defaultValue属性

3、form表单组件中的 initialValue参数

注意:当Form组件和Input组件一起用时,defaultValue在Input组件上无法生效

使用方法:form.getFieldDecorator配置initialValue参数:默认值

form.getFieldDecorator配置initialValue参数

这里将Antd中form组件的注意事项列出来(很重要,使用过程中经常会碰到)

经过 getFieldDecorator 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:

1、你不再需要也不应该用 onChange 来做同步,但还是可以继续监听 onChange 等事件。

2、你不能用控件的 value defaultValue 等属性来设置表单域的值,默认值可以用 getFieldDecorator 里的 initialValue。

3、你不应该用 setState,可以使用 this.props.form.setFieldsValue 来动态改变表单值。

你可能感兴趣的:(Antd 中 Input 组件默认值的显示)