title: Get value of unlimited textfield in array
body: <p>How to get value from unlimited <code>input[type="text]</code> in array</p>
  
  <p><strong>Children.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  
  export default class Children extends Component {
  
      render() {
          return(
              &lt;div id={"children-"+this.props.number}&gt;
                  &lt;div className="form-group"&gt;
                      &lt;input type="text" placeholder="Name" className="fullWidth"/&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group"&gt;
                      &lt;input type="text" placeholder="Age" className="fullWidth"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  
  }
  </code></pre>
  
  <p><strong>Parent.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import Children from './Children.js'
  import RaisedButton from 'material-ui/RaisedButton';
  
  export default class NewProduct extends Component {
      constructor(props) {
          super(props);
          this.state = {
              numOfChildren: 0,
          }
      }
  
      onAddChildren () {
          this.setState({
              numOfChildren: this.state.numOfChildren + 1
          });
      }
  
      render() {
          const children = [];
          for (var i = 0; i &lt; this.state.numOfChildren; i += 1) {
              children.push(&lt;Children 
                                  number={i} 
                                  key={i} 
                              /&gt;);
          }
  
          return (
              &lt;div className="form"&gt;
                  &lt;div className="tab-content"&gt;
                      {children}
                      &lt;RaisedButton
                          label="Add Children"
                          onTouchTap={this.onAddChildren.bind(this)}
                      /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>The results must be like this : 
  value-A-1 : "value A 1", value-B-1 : "value B 1"
  value-A-2 : "value A 2", value-B-2 : "value B 2"
  value-A-3 : "value A 3", value-B-3 : "value B 3"</p>
  
  <p>So the array will be like this: </p>
  
  <pre><code>[
      {
          "id" : 1,
          "value-A" : "value A 1",
          "value-B" : "value B 1"
      }
      {
          "id" : 2,
          "value-A" : "value A 2",
          "value-B" : "value B 2"
      }
      {
          "id" : 3,
          "value-A" : "value A 3",
          "value-B" : "value B 3"
      }
  ]
  </code></pre>
  
  <p>I'm really appreciate if you can help me. Thanks.</p>