title: ReactJS - Clear select value on focus
body: <p>I need to clear the selected value of select dropdown as soon as user focus on the select element. I have used the below code but cant figure out what property of select do I need to reset.</p>
  
  <pre><code>&lt;select name="select1" onChange={this.onChangeOption} onFocus={this.handleFocus}&gt;
      &lt;option value=''&gt;Please select...&lt;/option&gt;
      &lt;option value='A'&gt;A&lt;/option&gt;
      &lt;option value='B'&gt;B&lt;/option&gt;
      &lt;option value='C'&gt;C&lt;/option&gt;
      &lt;option value='D'&gt;D&lt;/option&gt;
  &lt;/select&gt;
  
  handleFocus(event) {
      event.target.select(); // it did not work!!
  }
  </code></pre>
  
  <p>I want the selected value to be <code>Please select...</code> when the user focuses on the element.</p>