title: How to reset select dropdown values in react
body: <p>I have one html dropdown select control and I have added first option value as <code>Select</code>. There are several other options to select from dropdown. Now I want to reset the dropdown values and set it back to <code>Select</code>. </p>
  
  <p>How I can do it in React?</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;select className="form-control" ref="Auditee" name="Auditee" onChange={this.handleChange.bind(this)}&gt;
                  &lt;option&gt;Select&lt;/option&gt;
                  {this.renderAuditee()}
                &lt;/select&gt;
  &lt;button type="button" className="btn btn-primary" onClick={this.handleClear}&gt;Clear&lt;/button&gt;
  
  
  
  renderAuditee(){
    let Auditeefiltered = this.state.review1data.map(element=&gt; element.EEECPM).filter((value, index, self) =&gt; self.indexOf(value) === index)
  
    return Auditeefiltered.map(element=&gt;
     &lt;option&gt;{element.toString().replace(/\[.*?\]/,'')}&lt;/option&gt;
    )
  }
  
  
  handleClear(e){
   e.preventDefault();
  
      this.setState({
          filterData:[],
          filter: false
   });
  </code></pre>
  
  <p>I don't know how I should Reset the select dropdown. Any help would be helpful</p>