Question

我在我的应用程序中使用react，redux和react-router。当我提交登录名和密码时，我将axios请求发送到我的后端，然后在收到回复后更新我的用户。这工作正常，但我的问题是，在我按Enter或点击“登录”后，我的网址改为这样：

http://localhost:3000/?email=example123%40gmail.com&password=pass123

有没有办法阻止网址更改或在提交后清除网址？

形式：

 <form onSubmit={this.login}>      
        <div className="loginForm">
        <label> Email</label>
        <input type="text" name="email" onChange={this.handleChange} />     
        <div className="loginError">{this.state.emailErr}</div>
        <label>Password</label>
        <input  type="password" name="password" onChange={this.handleChange} />        
        <div className="loginError">{this.state.pswdErr}</div>
        <span style={{paddingTop: "30px"}}/>
        <button style={{width: "100%"}} type="submit" >Login </button>         
        </div>
 </form>

Answer 1

您的表单默认尝试提交。将其添加到您的登录方法：

login(event) {
  event.preventDefault();
}

提交后清除网址

1 个答案: