黑马程序员技术交流社区

标题: 【上海校区】react 中 value 和 defaultValue 属性的区别 [打印本页]

---

作者: 依惜    时间: 2020-4-9 10:03
标题: 【上海校区】react 中 value 和 defaultValue 属性的区别


                               react 中 value 和 defaultValue 属性的区别是什么
defaultValue 在 react 为 form 组件里设置的初始值，组件成为非受控组件，设置 defaultValue，可以 在页面上自动改变控件的值。 如果设置了 value 值，组件变成受控组件，当在页面上改变控件的值的时候，并不会生效，要响应 用户的输入值，需为其绑定 onChange 事件，改变组件对应的 state，让页面重新渲染。    getInitialState: function() {       return {value: 'Hello!'};    },  
handleChange: function(event) {       this.setState({value: event.target.value});    },  
render: function() {       return (<input  type="text" value={this.state.value} onChange={this.handleChange}        />      );   }

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2