antd pro ProForm 去除自动填充不生效

antd pro ProForm去除chrome自动填充不生效

---

chrome对表单会自动填充，特别对 username、password、email。相信chrome初衷是好的，但对开发制造了不少麻烦。

---

前言

今天写一个新增用户的表单，有两个属性对chrome很敏感，它们是用户名（username）、密码（passward），很顺利在chrome上它表现了自己的独特性：这两个字段自动填充。下面一起看看问题及解决方案。

---

一、问题

1.1 使用 ProFormFields中ProFormText 和 ProFormText.Password实现表单

• 代码

 <ModalForm
      title="新增用户"
      ……
      >
      ……
    <ProFormText
        label="用户名"
        name="username"
        rules={[{ required: true }]}
        hasFeedback
        tooltip="用于用户登录的名称，建议全引文加数字组成"
        fieldProps={
  { autoComplete: 'off'