React Form: Single Handler for Multiple Inputs

InputExample.js

import React, { Component } from 'react'
import TextField from 'material-ui/TextField'

/*
Using Material Design:
  - set id to state key
  - use a single handler to update state for n inputs
  - no need to use formik or redux forms every time
*/
export default class extends Component {
  state = {
    email: undefined,
    name: undefined,
    pwd: undefined,
  }
  change = e => {
    const { id, value } = e.target
    this.setState({ [id]: value })
  }
  render() {
    const { email, name, pwd } = this.state
    return (
      <div>
        <TextField
          hintText='name'
          floatingLabelText={name}
          floatingLabelFixed={true}
          onChange={this.change}
          id='name'
        >
      </TextField>
        <TextField
          hintText='password'
          floatingLabelText={pwd}
          floatingLabelFixed={true}
          onChange={this.change}
          id='pwd'
        >
        </TextField>
        <TextField
          hintText='email'
          floatingLabelText={email}
          floatingLabelFixed={true}
          onChange={this.change}
          id='email'
        >
        </TextField>
      </div>
    )
  }
}