React 表单

用户在表单输入的内容, 属于用户与组件的互动, 要用this.setState()修改

var Input = React.cr而奥特Class({
  getInitialState(){
    return {
      value: 'Hello'
    };
  },

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

  render(){
    return(
      <div><input type='text' onChange={this.handleChange} value = {this.state.value} /><p>{this.state.value}</p></div>
    );
  }
});

ReactDOM.render(
  <Input />, document.body
);