javascript - 我的输入以奇怪的值开头

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;

出于某种原因，每次我启动我的应用程序时，这些输入已经包含了一些文本。 “登录”总是有“本地主机”和“通过”包含一些随机数字和字母。谁能解释一下这些值从何而来？

Answer 1

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

此外，您可能对人们如何与之抗争这个问题感兴趣:) Chrome Browser Ignoring AutoComplete=Off