title: How to disable Chrome autofill in antd AutoComplete component
body: <p>I'm working with an <code>antd</code> <code>AutoComplete</code> component (see docs <a href="https://ant.design/components/auto-complete/" rel="nofollow noreferrer">here</a>), and it's supposed to be part of a CRM where the user types in the phone number of a prospective client and the <code>&lt;AutoComplete /&gt;</code> component suggests phone numbers from list of customer contacts existing in database.</p>
  <p>Obviously, the user's personal contact data saved by the browser is useless for such an input.</p>
  <p>So, the issue is I keep getting interference from Chrome's autofill dropdown like shown in the picture below</p>
  <p><a href="https://i.stack.imgur.com/QDWEB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QDWEB.png" alt="autofill dropdown" /></a>You can see the unwanted dropdown hiding the dropdown created by antd <code>AutoComplete</code></p>
  <p>And the thing is that inasmuch as I set the <code>autocomplete</code> attribute on the <code>AutoComplete</code> component, when I inspect in Devtools, I see that the attribute does not get passed down into the wrapped input element being used by antd. Please how do I fix this?</p>
  <p>PS: This is for antd v3</p>