受控组件

  1. render() {
  2. return <div>
  3. <p>{this.state.name}</p>
  4. <label htmlFor="inputName">姓名:</label>
  5. <input value={this.state.name} onChange={this.onInputChange} />
  6. </div>
  7. }
  8. onInputChange = (e) => {
  9. this.setState({
  10. name: e.target.value
  11. })
  12. }

textarea

  1. <textarea value={this.state.info} onChange={this.onTextareaChange}></textarea>