// External state example (Redux e.g)

class SimplerReactForm extends React.Component {
 
  handleInputChange = (e) => {
    const { name, value } = e.target
    this.props.onChange({
      ...this.props.values,
      [name]: value
    })
  }
  
  handleSubmit = () => {
    // do stuff with this.props.values
  }
  
  render() {
    return(
      <form onSubmit={this.handleSubmit}>
        <input
          name="login"
          type="text"
          placeholder="login"
          value={this.props.values.login}
          onChange={this.handleChange}
        />
        <input
          name="password"
          type="password"
          placeholder="password"
          value={this.props.values.password}
          onChange={this.handleChange}
        />
        <button>
          submit
        </button>
      </form>
    )
  }
}