state-表单
Posted Da雪山
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了state-表单相关的知识，希望对你有一定的参考价值。
/*
*
* 需求: 定义一个组件,可以将用户在输入框内输入的内容 进行实时显示
*
* 分析:组件与用户交互过程中,存在状态的变化,即输入框的值
*
* */
var Input = React.createClass({
getInitialState:function () {
return{
value:"请输入"
}
},
handleChange:function () {
//通过event.target.value读取用户输入的值
this.setState({
value:event.target.value
});
},
render:function () {
var value = this.state.value;
return(
<div>
<input type="text" value={value} onChange={this.handleChange}/>
<p>{value}</p>
</div>
)
}
});
ReactDOM.render(
<Input/>,
document.getElementById("container")
)
以上是关于state-表单的主要内容，如果未能解决你的问题，请参考以下文章