Controlled Component

ControlledComponent.js

import React , { Component } from 'react';
export default class ControlledComponent extends Component {
  constructor(props) {
    super(props)
    this.state = {
      name: '',
      idade: 0,
    }
  }

  handleInput = field => ({ target }) => {
    this.setState({ [field]: target.value })
  }

  handleSubmit = event => {
    console.log(this.state)
    event.preventDefault()
  }
  
  render () {
    return (
      <form onSubmit={this.handleSubmit}>
        <input onChange={this.handleInput('name')}/>
        <input onChange={this.handleInput('idade')} />
        <input type="submit" value="Submit" />
      </form>
    )
  }
}