材质 ui 中带有自定义输入的下拉菜单

Question

是否可以有一个下拉字段但能够添加下拉列表建议的值以外的值？

类似于将showAllItems 设置为 true 且没有自动完成功能的自动完成字段

编辑：

我想要实现的只是提交带有自定义值的表单或从下拉列表中的用户选择（根据用户的选择）

Answer 1

使用onNewRequest属性。根据https://github.com/callemall/material-ui/blob/master/src/auto-complete.jsx：

const AutoComplete = React.createClass({

...

render() {

...

return (
  <div style={mergedRootStyles} onKeyDown={this._handleKeyDown}>
    <div style={{width: '100%',}}>
      <TextField
        {...other}
        ref="searchTextField"
        value={this.state.searchText}
        onEnterKeyDown={() => {
          setTimeout(() => {
            this._close();
          }, this.props.touchTapCloseDelay);
          this.props.onNewRequest(this.state.searchText);
        }}

...

每次用户按下 时都会调用通过此属性传递的函数Enter，因此您只需处理在该函数内提交输入即可。