javascript 不受控制的组件

Posted 2021-05-04

import React , { Component } from 'react';
export default class ControlledComponent extends Component {

  handleSubmit = event => {
    const { name, idade } = event.target;
    console.log(name.value, idade.value)
    
    event.preventDefault()
  }
  
  render () {
    return (
      <form onSubmit={this.handleSubmit}>
        <input name="name" ref={input => this.input = input}/>
        <input name="idade" ref={input => this.input = input}/>
        <input type="submit" value="Submit" />
      </form>
    )
  }
}