首先密码回显问题就是,Password自动获取了浏览器保存的密码,并在用户focus的时候,弹出来保存过的账号密码信息。
尝试的解决方式
- 添加上属性 autoComplete="off"
- 添加上属性 autoComplete="new-password"
- 叠加一个input来触发 以上几种方法都没有解决问题
最后通过设置样式解决(以下样式让密码输入的时候不显示)
.input{
-webkit-text-security: disc !important;
}
对于input。type是password的时候,就会去获取那个密码,所以我们input的type就一直设置成text,然后通过样式来手动控制密码的显示隐藏。
<Input placeholder={"Password"}
className={showPassword ? '':'passwordInput'}
suffix={<span onClick={()=>setShowPassword(!showPassword)}>
{[<EyeInvisibleOutlined/>,<EyeOutlined/>][+showPassword]}
-</span>}