React中的表单应用
用户在表单填入的内容,属于用户跟组件的互动,所以不能用this.props
读取。
var Input = React.createClass({
//初始化组件数据
getInitialState(){
return {value:‘hello‘};
},
handleChange(event){
this.setState({value:event.target.value})
},
render(){
var value = this.state.value;
<div>
<input type=‘text‘ value={value} onChange={this.handleChange} />
<p>{value}</p>
</div>
}
});
ReactDOM.render(
<Input />,
document.body
);
上面代码中,文本输入框的值,不能用this.props.value
读取,而要定义一个onChange
事件的回调函数,通过event.target.value
读取用户的值。textarea
元素、select
元素、radio
元素都属于这种情况,
原文地址:https://www.cnblogs.com/guolintao/p/9019519.html
时间: 2024-11-08 09:17:17