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

【问题标题】：Material-UI Auto Complete won't Select on Left ClickMaterial-UI 自动完成不会在左键单击时选择
【发布时间】：2016-06-22 17:32:24
【问题描述】：

我有一个正常工作的 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;

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

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

【讨论】：

【解决方案2】：

这个问题现已在 0.15.0-alpha.2 版本中得到解决。

https://github.com/callemall/material-ui/issues/3566

【讨论】：