Handling events on input

HelloForm.js

class HelloForm extends React.Component {

	state = {
		credentials: {
			email: '', 
			pwd: ''
		}
	}
  
  // input change value (login form)
  handlerChange = name => event => {
    this.setState({
      credentials: Object.assign(this.state.credentials, {
        [name]: (event.target.checked)?event.target.checked:event.target.value
      })
    });
  };  

  render() {
  	const { credentials } = this.state;
    return (
    	<div>
    	  <form autoComplete="off">
          <label>Email</label>
          <input type="text" onChange={this.handlerChange('email')}/>
          <label>Password</label>
          <input type="password" onChange={this.handlerChange('pwd')}/>
        </form>
        <hr />
        {/** debug */}
        <div>{JSON.stringify(credentials)}</div>
    	</div>
    );
  }
}

ReactDOM.render(
  <HelloForm />,
  document.getElementById('container')
);