Question

我有一个工作材料-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工作得很好。

Answer 2

此问题现已在版本0.15.0-alpha.2中解决。

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

在左键单击时不会选择“材质 - UI自动完成”

2 个答案: