提交后清除网址答案

【问题标题】：Clear url after submit提交后清除网址
【发布时间】：2018-07-23 22:20:46
【问题描述】：

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

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

有什么办法可以防止url改变或者提交后清除吗？

表格：

 <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>

【问题讨论】：

标签： javascript html reactjs url redux

【解决方案1】：

默认情况下，您的表单正在尝试提交自己。将此添加到您的登录方法中：

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

【讨论】：

当然，只需等待 10 分钟