title: Dynamically generated input textfield value setting issue in ReactJS
body: <p>I have dynamically generated textfield in Reactjs. The input textfield treated as separate component. When i try to set value in dynamically generated textfield, I get only last input value. All other input values are over write. We can use SWITCH case but if we add more input field,then code become very large.</p>
  
  <p>Here my sample code:</p>
  
  <pre><code>var TextBox = React.createClass({
    setTextState : function(event){ 
      idval = event.target.id;
      console.log(idval);
      this.setState({idval  : event.target.value}); //Here the issue
    },
  
    content: function() {
  
      name1 = "task_1";
      name2 = "task_2";
      name3 = "task_3";
      name4 = "task_4";
      name5 = "task_5";
      name6 = "task_6";
      name7 = "task_7";
  
      return [
        &lt;td&gt; &lt;TextInput type="text" /&gt;&lt;/td&gt;, &lt;td&gt; &lt;TextInput type="text" name={name1} id={name1} setText={this.setTextState}/&gt;&lt;/td&gt;,
        &lt;td&gt; &lt;TextInput type="text" name={name2} id={name2} setText={this.setTextState}/&gt;&lt;/td&gt;, &lt;td&gt; &lt;TextInput type="text" name={name3} id={name3} setText={this.setTextState}/&gt;&lt;/td&gt;,
        &lt;td&gt; &lt;TextInput type="text" name={name4} id={name4} setText={this.setTextState}/&gt;&lt;/td&gt;, &lt;td&gt; &lt;TextInput type="text" name={name5} id={name5} setText={this.setTextState}/&gt;&lt;/td&gt;,
        &lt;td&gt; &lt;TextInput type="text" name={name6} id={name6} setText={this.setTextState}/&gt;&lt;/td&gt;, &lt;td&gt; &lt;TextInput type="text" name={name7} id={name7} setText={this.setTextState}/&gt;&lt;/td&gt;
      ]
    },
  
    submitValue : function() {
  
    },
  
    render: function() {
      return (&lt;tr&gt;{this.content()}&lt;td&gt;&lt;input type="button" onClick={this.submitValue}/&gt;&lt;/td&gt;&lt;/tr&gt;);
    }
  });
  </code></pre>