defaultValue与value、placeholder的区别 (react.js)

1.value

某些表单元素的设定值。

例如<input> 标签的 value 属性

2.defaultValue

defaultValue 属性可设置或返回文本域的默认值。

注意： 该默认值是规定于 HTML "value" 属性的值。

返回 defaultValue 属性：

textObject.defaultValue

设置 defaultValue 属性：

textObject.defaultValue=value

实例

获取文本域的默认值：

var x = document.getElementById("myText").defaultValue;

x 输出结果为：

Mickey

3.initialvalue

ant-design表单中的初始值。

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

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

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

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

 

4.placeholder

placeholder 属性是某些表单元素(例如input、 textarea等元素)简短提示。

该提示会在元素内容为空时显示，当字段获得焦点时消失。