重置密码会直接带入本地缓存密码问题

之前做vue 项目中就遇到过，

主要问题是第一个   type="Password" 输入框 会默认带入本地缓存密码

解决思路是在使用的输入框前面加一个输入框，然后隐藏

          <input type="Password" style="display:none" />
          <input type="Password" autocomplete="new-password" />

 

现在又在 react 项目中 遇到这个问题

解决思路如上， 不过项目中  display:none 设置之后还是会缓存， 我设置的  overflow: 'hidden', border: 'none'

          <input
            type="Password"
            style={{ width: 0, height: 0, overflow: 'hidden', border: 'none' }}
          />
          <Input.Password
            value={params.password}
            maxLength={20}
            onChange={(e) => {
              const val = e.target.value.replace(/[^\w]/g, '');
              setParams({ ...params, password: val });
            }}
            placeholder="请输入6-20位数字或字母组合"
          />