title: How to declare dynamic state values in react
body: <p>I create text inputs in a loop.</p>
  
  <pre><code>loop... {
      return &lt;TextInput value={this.state.WHAT-TO-USE-HERE} /&gt;
  }
  </code></pre>
  
  <p>As you can see I don't know how to dynamically set where text input will be in state? 
  <br/><br/>
  In JSX I have:</p>
  
  <pre><code>render() { ...
    list.map((item, index) =&gt; {
     return this.createTextInput(item);
  ...
  </code></pre>
  
  <p>Function that create inputs:</p>
  
  <pre><code>createTextInput(item) {
    return (
      &lt;TextInput value={this.state.XYZ} ... /&gt;
    )
  }
  </code></pre>