Bootstrap-select Multi-select отображается неправильно

Это то, что вы ищите??

<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>

Пожалуйста, проверьте это: Я использовал https://jedwatson.github.io/react-select/, и он отлично работает.

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: '',
  }
  handleChangeEvent = (selectedOption) => {
    this.setState({ selectedOption });
    console.info(`Selected: ${selectedOption.label}`);
  }
  render() {
    const { selectedOption } = this.state;

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