antd 给input设置值_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设置值_Antd 中 Input 组件默认值的显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。