How do I edit multiple input controlled components in React?

Question

I have a component that stores a contact object as state - {firstName: \"John\", lastName: \"Doe\", phone: \"1234567890} I want to create a form to edit this object but if I

Answer 1

ES6 one liner approach

 this.setState({ username: e.target.value })}
       id="username"/>