update state onchange select dropdown in react js

App.js

  
// Update state
constructor() {
  super();
  this.state = {
    location: 'Bangladesh' // By default it will be set to "Bangladesh"
  }

  this.handleLocationChange = this.handleLocationChange.bind(this); 
}

handleLocationChange = (e) => {
  this.setState({ location: e.target.value });
}


// select drop down part in render
<select onChange={ (e) => this.handleLocationChange(e) } class="custom-select" id="location">
  <option selected value="Bangladesh">Bangladesh</option>
  <option value="India">India</option>
  <option value="UK">UK</option>
</select>