Question

我为用户创建了一个非常简单的表单。这是我的代码：

import React,{ Component } from 'react';

class SignIn extends Component {
  constructor(props) {
    super(props);
    this.state = {
      login:"",
      pass:""
    }
  }

  signIn = (e) =>{
    e.preventDefault();
    alert("in")
  }

  handleChange = (propertyName) => (e) => {
    const state = this.state;
    const newState = {
      ...state,
      [propertyName]: e.target.value
    };
    this.setState(newState);
  }

  render() {
    return (
        <div className="text-center">
          <form onSubmit={this.signIn}>
            <input type="text" id="login" onChange={this.handleChange('login')} value={this.state.login} placeholder="login"/>
            <br />
            <input type="password" id="pass" onChange={this.handleChange('pass')} value={this.state.pass} placeholder="pass"/>
            <br />
            <input type="submit" value="sign in" disabled={((this.state.login == "") && (this.state.pass == ""))
              ? true
              : false}/>
          </form>
        </div>
    );
  }
}

export default SignIn;

出于某种原因，每次我启动我的应用程序时，这些输入内部都有一些文本。＆＃34;登录＆＃34;总是有＃34; localhost＆＃34;并且＆＃34;通过＆＃34;包含一些随机数字和字母。有人能解释一下这些价值来自哪里？

Answer 1

这些字段由浏览器自动填充。请参阅此处的说明：https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

你也可能对这个人们如何与之战斗的问题感兴趣:) Chrome Browser Ignoring AutoComplete=Off

我的输入以奇怪的值

1 个答案: