title: loop in return statement of a component in react js
body: <p>I am trying to show year select box in component file, I tried simple for loop but its givign syntax error, here is my code ></p>
  
  <pre><code>render(){
  
      return (
              &lt;div&gt;
                  &lt;select value={this.state.exp_year} name="exp_year" className="form-control" onChange={this.handleInputChange} &gt;
                      &lt;option value=""&gt;===Select Expiry Year===&lt;/option&gt;
                      { for(var i=2017; i&lt;=2050; i++){
                          &lt;option value={i}&gt;{i}&lt;/option&gt;
                          }
                      }
                  &lt;/select&gt;
              &lt;/div&gt;                  
  
          );
  }   
  </code></pre>
  
  <p>Please let me know what i am doing wrong. </p>