为什么在react的项目中阻止input输入框自动提示不好用啊？求解

Question

以前阻止输入框自动提示只需要用autocomplete = 'off'就可以了，但是在react中用同一种方法不好用，为什么会这样，有什么好的解决办法么

Answer 1

1.onFocus={(e)=>{e.target.type = 'password'}}

2.

componentDidMount() {
            setTimeout(() => {
                this.refs.password.type = 'password'
            }, 10)
        }

3.

this.setState({
            password: e.target.value
        }, () => {
            this.refs.password.type = 'password'
        })

第1种不适合记住密码需求 第2种有缺陷 第3种最好

Answer 2

<input type="text" autoComplete="off" /> 中间大写

Answer 3

Mozilla developer documentation 建议使用表单设置属性 autocomplete=”off” 来阻止浏览器从cache获取数据填充登录表单。

<!--但是这种方案不兼容某些Chrome、Firefox。-->
<input type="text" name="foo" autocomplete="off">
<!--使用隐藏input来接受浏览器自动填充，也可以兼容所有浏览器 -->
<input style="display:none" type="text" />
<input style="display:none" type="password"/>