React学习（九）：表单

一、react表单

在React中，form表单元素和其他的DOM不一样，因为表单元素通常会保留一个内部的state状态。
1、Html表单
在Html中，像 <input>, <textarea>和<select>等表单元素会维持自身状态，并根据用户输入进行更新。

<form>
    <span>名字:</span>
	<input type="text" name="name" />
	<input type="submit" value="Submit" />
</form>

2、React表单
但在React中，可变的状态通常保存在组件的状态属性中，并且只能用 setState() 方法进行更新。

class NameForm extends React.Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   value: ''};
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }
  
  handleChange(event) {
   
    this.setState({
   value: event.target.value});
  }
  
  handleSubmit(event) {
   
    alert('A name was submitted: ' + this.state