reactjs - Material-UI 自动完成不会在左键单击时选择

Question

我有一个可用的 Material-UI 自动完成功能，我可以搜索值，我可以使用键盘上的箭头键选择项目，也可以使用返回键选择项目。如果我用鼠标单击某个项目，建议就会消失，并且不会选择任何内容。我研究这个问题有一段时间了，但找不到任何人解决了这个问题。 Material-UI 官方网站上的代码示例也存在同样的问题，无法使用鼠标选择项目。

import React from 'react';

import AutoComplete from 'material-ui/lib/auto-complete';

var sampleFacilities = require('../sample-facility');

var NewOutbreakForm = React.createClass({

  getInitialState: function() {
    return {
      facilities: [],
      facility: ''
    }
  },

  componentDidMount: function() {
    this.setState({ facilities: sampleFacilities, facility: '' });
  },

  selectedItem: function(chosenRequest, index) {
    this.setState({ facility: chosenRequest });
  },

  render: function() {

    return (
      <div className="container">
        <div className="panel panel-default">
          <div className="panel-heading">
              <h3 className="panel-title">New Outbreak</h3>
          </div>
          <div className="panel-body">

            <div className="row">
              <did className="col-md-6">
                <AutoComplete floatingLabelText="Facility Name" onNewRequest={this.selectedItem} searchText={this.state.facility} dataSource={this.state.facilities} filter={AutoComplete.caseInsensitiveFilter} maxSearchResults={5} />
              </did>
              <did className="col-md-6">
              </did>
            </div>

          </div>
      </div>
    </div>
    );
  }
});

export default NewOutbreakForm;

Answer 1

这似乎是 v0.15.0-alpha.1 版本 v0.14.4 工作正常的问题。