Кнопка сброса не работает при сбросе выпадающего меню?

Question

У меня есть выпадающий список и кнопка сброса. Когда я нажимаю кнопку сброса, я бы хотел, чтобы выбранная опция в раскрывающемся меню была Select Level. Я вижу, что в моем состоянии obsLevel value переходит в Select Level, но в интерфейсе пользователя значение выбранного параметра остается, т. Е. Если выбрано 1 и я нажимаю кнопку «Сброс», то значение параметра остается равным 1, даже если значение состояния obsLevel - это Select Level. Как я могу сбросить значение с помощью функции resetForm?

<select onChange={this.handleDropDownChange}>
            <option value={this.state.obsLevel} disabled selected>{this.state.obsLevel}</option> 
            <option value={1}>1</option>
            <option value={2}>2</option>
            <option value={3}>3</option>
            <option value={4}>4</option>
        </select>


resetForm(e) {
        e.preventDefault();
        this.setState({
            obsLevel: 'Select Level'
        });
    }

 handleDropDownChange() {
      this.setState({ obsLevel: event.target.value });
  }



  <button
      className="btn btn-default pull-right"
      onClick={this.resetForm}
  >
      Reset
  </button>