受控组件与非受控

 受控：通过state与onChange控制

class Form extends Component {
  constructor() {
    super();
    this.state = {
      name: '',
    };
  }

  handleNameChange = (event) => {
    this.setState({ name: event.target.value });
  };

  render() {
    return (
      

        
      
    );
  }
}

非受控：类似原始表单行为

class Form extends Component {
  handleSubmitClick = () => {
    const name = this._name.value;
    // do something with `name`
  }

  render() {
    return (
      

         this._name = input} />
        Sign up
      
    );
  }
}

https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/