How can we call onNewRequest property in onBlur in AutoComplete Material-UI field?

[Jayesh-nayak]

Currently I am using Material-UI and I am using the onNewRequest property in AutoComplete field but the onNewRequest triggers only on Enter or when a value is selected, I wish to call the onNewRequest even when we click outside(i.e. onBlur property). Is this possible? I need to validate whether a user selects from the autocomplete options else throw an error but if the user enters any value and clicks outside the field he escapes the validation.

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>
    );
   }
 }

[audrium]

I was able to achieve this by adding this line to Autocomplete field:
onBlur={(e) => this.handleNewRequest(e.target.value)}

[oliviertassinari]

Closed by #4783