javascript - 我们如何在 AutoComplete Material-UI 的 onBlur 中调用 onNewRequest 属性？

Question

目前我正在使用 Material-UI，并且在 AutoComplete 字段中使用 onNewRequest 属性，但 onNewRequest 仅在 Enter 时触发或选择值时触发，即使我们单击外部(即 onBlur 属性)，我也希望调用 onNewRequest 。这可能吗？ 我需要验证用户是否从自动完成选项中进行选择，否则会引发错误，但如果用户输入任何值并在字段外部单击，他就会逃避验证。

import React, {Component} from 'react';
import AutoComplete from 'material-ui/AutoComplete';

const colors = [
  'Red',
  'Orange',
  'Yellow',
  'Green',
  'Blue',
  'Purple',
  'Black',
  'White',
];

export default class AutoCompleteExampleControlled extends Component {
  state = {
    errMsgMT: '',
  };


  handleNewRequest = (content, index) => {
    if(index == -1){
     this.setState({errMsgMT : "Error"});
    }
    else{
     this.setState({errMsgMT : "Correct"});
    }
  };

  render() {
    return (
      <div>
        <AutoComplete
          hintText="Type 'r', case insensitive"
          onNewRequest={this.handleNewRequest}
          dataSource={colors}
        />
      </div>
    );
   }
 }

Answer 1

oKay gUYz:您也可以只使用 autoSelect 属性:

autoSelect={true}