title: How to get values from same input type from multiple fields in react?
body: <p>I have to get the values from same input type (eg: email type) this is in my render() method:</p>
  
  <pre><code>            &lt;TextField
                value={email}
                className={classes.textField}
                onChange={this.handleChange('email')}
              /&gt;
              &lt;TextField
                value={email}
                className={classes.textField}
                onChange={this.handleChange('email')}
              /&gt;
              &lt;TextField
                value={email}
                className={classes.textField}
                onChange={this.handleChange('email')}
              /&gt;
              &lt;p onClick={this.addMemberHandler}&gt; ADD MORE EMAIL ADDRESSES&lt;/p&gt;
  </code></pre>
  
  <p>I don't have limit to this. 
  state values, handleChange, addMemberHandler methods </p>
  
  <pre><code>          state = {
             addOneMoreEmail: false,
             emailCounter: 0,
             email: ''
           };
  
           handleChange = name =&gt; event =&gt; {
             this.setState({
              [name]: event.target.value
             });
           };
  
         addMemberHandler = () =&gt; {
           this.setState({
             addOneMoreEmail: true
           });
         };
  </code></pre>
  
  <p>My question is:  How can I get all the emails (which user has entered) in my state, so that onSubmit I will sent all the emails in an array? </p>
  
  <p>Basically how can I maintain different state for each email dynamically? </p>