[Solved]-Bootstrap-select Multi-select rendered wrongly-Reactjs

is this what you are looking for??

<div className="col-md-2">
    <label>Status</label>
    <select className="selectpicker">
        <option selected="selected">Choose one of the following</option>
        <option>OK</option>
        <option>PENDING</option>
        <option>NEW</option>
    </select>
</div>

Please check this: I have used the https://jedwatson.github.io/react-select/ and it works great.

import React from 'react';
import Select from 'react-select';
import 'react-select/dist/react-select.css';

export default class SelectComponent extends React.Component {
  state = {
    selectedOption: '',
  }
  handleChange = (selectedOption) => {
    this.setState({ selectedOption });
    console.log(`Selected: ${selectedOption.label}`);
  }
  render() {
    const { selectedOption } = this.state;

    return (
      <Select
        name="form-field-name"
        value={selectedOption}
        onChange={this.handleChange}
        multi
        options={[
          { value: 'one', label: 'One' },
          { value: 'two', label: 'Two' },
        ]}
      />
    );
  }
}