var TestInput = React.createClass({

//初始化状态

getInitialState:function(){

return{ inputContent:'' }},

changeHandler:function(event){

//this.setState可以修改状态值,它自动调用this.render方法再次渲染组件;event.target.value方法可以获取用户输入的值

this.setState({ inputContent : event.target.value });

     event.prtventDefault(); event.stopPropagation();

},

render : function(){

return(

<div>

<input type="text" onChange={this.changeHandler} /><span>{this.props.inputContent}</span>

</div> ); } });