javascript - addResults 选项在引导选择中不起作用

Question

我想在bootstrap-selectaddResults中使用选项来添加新项目。应该提示我添加搜索字符串，但我得到默认消息。No Results

jsfiddle

组件.jsx

class TodoApp extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    $(this.selectPicker).selectpicker({
      liveSearch: true,
      addResults: true,
    });
  }

  render() {
    return (
      <div>
        <select className="form-control" data-width="100%" ref={el => (this.selectPicker = el)}>
                    <optgroup label="Group 1">
                      <option defaultValue>Team</option>
                      <option value="1">AAA</option>
                    </optgroup>
                    <optgroup label="Group 2">
                      <option value="2">BAC</option>
                      <option value="3">BAY</option>
                    </optgroup>
                    <optgroup label="Group 3">
                      <option value="4">DACA</option>
                    </optgroup>
                  </select>
      </div>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))

标签： javascriptreactjsbootstrap-select