在材料ui中使用自定义输入下拉列表

时间:2016-01-04 12:22:45

标签: reactjs material-ui

是否可以设置下拉字段但是能够添加除下拉列表建议的值以外的值?

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

修改

我想要实现的只是从下拉列表中提交包含自定义值或用户选择的表单(根据用户的选择)

1 个答案:

答案 0 :(得分:3)

使用onNewRequest属性。 根据{{​​3}}:

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时都会调用使用此属性传递的函数,因此您只需处理提交该函数内部的输入。