reactjs - Material ui 中带有自定义输入的下拉菜单

Question

是否可以有一个下拉字段，但能够添加除下拉菜单建议的值之外的值？

类似于 autocomplete 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 时，都会调用通过此属性传递的函数，因此您只需处理在该函数内提交输入即可。