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

Question

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

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

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

您可以看到不需要的下拉列表隐藏了由 antd AutoComplete创建的下拉列表

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

Answer 1

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

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