React build select input using for loop
<p>I'm attempting to build a Select dropdown and populate the input fields using a for loop. </p>

<pre><code>import React, { Component } from 'react';

export default class Test extends Component {
  render() {
    let options = [];
    for (let i=2; i &lt; 20.5; i += 0.5){
      options.push(&lt;option value={i*60} key={i}&gt;{i} hours&lt;/option&gt;)
    }
    return (
      &lt;select&gt;
        {options}
      &lt;/select&gt;
    )
  }
}
</code></pre>

<p>The <code>{i} hours</code> section causes an <code>Uncaught TypeError: Cannot read property 'props' of undefined</code> error message. Changing it to a fixed string prevents the error. </p>

<p>I'm sure I'm missing something basic but I have no idea why this isn't working. </p>