Javascript 我的输入从奇怪的值开始

我创建了一个非常简单的表单供用户登录。这是我的密码：

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;

import React，{Component}来自'React'；
类签名扩展组件{
建造师（道具）{
超级（道具）；
此.state={
登录名：“，
通行证：“
}
}
签名=（e）=>{
e、 预防默认值（）；
警报（“in”）
}
handleChange=（propertyName）=>（e）=>{
const state=this.state；
常数newState={
……国家，
[propertyName]：e.target.value
};
this.setState（newState）；
}
render（）{
返回(




);
}
}
导出默认签名；

---

出于某种原因，每次我启动我的应用程序时，这些输入已经包含一些文本。“登录”总是有“localhost”和“pass”包含一些随机数字和字母。有人能告诉我这些值来自哪里吗？

这些字段由浏览器自动填充。请参见此处的说明：

另外，您可能会对人们如何与之抗争的问题感兴趣：）

---

这些字段是否也有不同的（黄色）背景？是的，事实上也是如此。因此，Chrome的目标是帮助用户（尤其是移动设备用户）更快地再次填写此类表单。所以我不认为你应该设法克服它。你也可以在Chrome中清除自动填充数据，如果它困扰你的话：谢谢，这就是问题所在。寻找有效的解决方案如果这些输入中的值有一定的意义，我就不会那么烦恼了。我从来没有填写过，我理解你们的痛苦，但很可能在其他地方用这些值填充了具有类似签名（id、类型，…）的类似字段，并且浏览器记住了这些值。所以你可能需要清理你的Chrome自动填充数据；p我已经创建了另一个用于创建新帐户的表单。类似的输入（只是不同的id）……这些输入是清晰的；P