title: Using 'ref' as array in React
body: <p>I have some issues when im trying to reference inputs as arrays in React with Redux.</p>
  
  <p>The code below maps one Panel per article in the array.</p>
  
  <pre><code>var articles = this.props.item.array.articles.map((article, index) =&gt; {
       return &lt;Panel key={index} header={'Article ' + index}&gt;
          &lt;Input type='select' ref='id' label='Article' defaultValue={article.id} &gt;
            {articles}
          &lt;/Input&gt;
       &lt;/Panel&gt;
  })
  </code></pre>
  
  <p>I'm trying to construct the refs so that they're in an array format, which does not seem to be possible at the moment. <a href="https://github.com/facebook/react/issues/1899" rel="nofollow">Array of references. #1899</a></p>
  
  <p>I guess i could solve this by create some sort of <code>ref="article["+counter+"][id]"</code></p>
  
  <p>But that is a horrible solution, and i really don't want to go down that path.</p>
  
  <p>The json array below would be my desired format for the refs:</p>
  
  <pre><code>"articles": [
          {
              "_joinData": {
                  "price": "100",
                  "quantity": "50"
              },
              "id": "05f54207-fb6f-40b5-820e-26059a803343"
          },
          {
              "_joinData": {
                  "price": "200",
                  "quantity": "70"
              },
              "id": "05f54207-fb6f-40b5-820e-26059a803343"
          }
  ]
  </code></pre>
  
  <p>The price &amp; quantity index would be 2 more inputs.</p>
  
  <p>Which i've decided to not include in the code example.</p>
  
  <p>A nice solution to this problem would be very appreciated.</p>