title: How to reset the value of antd autocomplete, if the value is not in the data source
body: <p>I'm using ant design <code>AutoComplete</code> for a location selection. And the data source is an array. Here is my code.</p>
  
  <pre><code>&lt;Form.Item
     label={t("City")}
     name="location"
     rules={[
        {
            required: true,
            message: t("Please enter your city"),
        },
     ]}
     &gt;
         &lt;AutoComplete
            options={this.props.cityList}
            allowClear={true}
            placeholder={t("Enter your city")}
            className="ant-select-custom"
            filterOption={(inputValue, option) =&gt;
               option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
            }
         /&gt;
  &lt;/Form.Item&gt;
  </code></pre>
  
  <p>The problem is, I can type anything that not in the data source. What I want it to restrict that. If I type something that not in the data source, The value should be erased. I tried with <code>onBlur()</code> and <code>onChange()</code> but no luck. Can anyone help me with this?</p>
  
  <p>Thanks in advance</p>