A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 依惜 于 2020-4-9 10:11 编辑

                               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}        />      );   }


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马