本帖最后由 依惜 于 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} /> ); }
|
|