title: Repeat list using react
body: <p>I have the following list with an image number and folder number which I want to repeat it 27 time - only want to change the image number and have the ability to set the folder number.</p>
  
  <pre><code>    &lt;ul&gt;
          &lt;li&gt;&lt;input type="radio" checked="checked" /&gt; &lt;img src="assets/images/personal_images/folder1/0001.png" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="radio" checked="checked" /&gt; &lt;img src="assets/images/personal_images/folder1/0002.png" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="radio" checked="checked" /&gt; &lt;img src="assets/images/personal_images/folder1/0003.png" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have the following code I'm playing about with:</p>
  
  <pre><code>  var RepeatModule = React.createClass({
        getDefaultProps: function() {
          return { items: [] }
        },
        render: function() {
  
          var listItems = this.props.items.map(function(item) {
            return (
              &lt;li key="{item}"&gt;
                 &lt;input type="radio" checked="checked" /&gt; 
                 &lt;img src="assets/images/personal_images/folder1/000' + {item} + '.png" /&gt;
              &lt;/li&gt;
            );
          });
  
          return (
              &lt;ul&gt;
                {listItems}
              &lt;/ul&gt;
          );
        }
      });
  </code></pre>