如何在 antd AutoComplete 组件中禁用 Chrome 自动填充

Question

我正在使用 antd AutoComplete 组件（请参阅文档 here），它应该是 CRM 的一部分，其中用户输入潜在客户的电话号码和 <AutoComplete />组件从数据库中现有的客户联系人列表中建议电话号码。

显然，浏览器保存的用户个人联系人数据对于这样的输入是没有用的。

所以，问题是我一直受到 Chrome 的自动填充下拉菜单的干扰，如下图所示

可以看到不需要的下拉菜单隐藏了由antd创建的下拉菜单AutoComplete

问题是，因为我在AutoComplete 组件上设置了autocomplete 属性，当我在Devtools 中检查时，我看到该属性没有被传递到antd 使用的包装输入元素中。请问如何解决这个问题？

PS：这是针对antd v3的

Answer 1

这已在antd 版本4.6.3 中得到修复。
对于早期版本，您需要使用this 答案并将自动完成属性设置为随机字符串：

<AutoComplete
  options={options}
  style={{
    width: 200
  }}
  placeholder="input here"
  autoComplete={"nope"}
/>

更新
3.x版本可以自定义输入组件

<AutoComplete
  dataSource={options}
  style={{
    width: 200
  }}
  placeholder="input here"
>
  <Input autoComplete={"nope"} />
</AutoComplete>