React js中的url参数中显示的登录凭据

Question

我是React JS的初学者，我创建了一个登录表单，然后单击登录按钮，然后URL中显示了用户名和密码。我不想在URL中显示此内容。该如何解决？

这是我的代码：

<form className="loginform" onSubmit={this.ValidateUser}>
  <input
    className="form-control"
    type="text"
    placeholder="Email"
    name="email"
    autocomplete="off"
    value={this.state.email}
    onChange={(e) => this.changeEmailHandler(e.target.value)}
  />
  <input
    className="form-control"
    type="password"
    placeholder="Password"
    name="password"
    value={this.state.password}
    onChange={(e) => this.changePasswordHandler(e.target.value)}
  />
  <input
    type="submit"
    id="kt_login_signin_submit"
    className="btn btn-brand"
    value="Sign In"
  />
</form>

Answer 1

在e.preventDefault()方法中添加ValidateUser应该可以解决问题。

Edit-01：

已经在评论中指出。

Answer 2

您可能需要将表单方法添加为POST，否则表单值将作为GET请求提交，并附加在URL中作为查询字符串。

为了避免触发默认表单提交，您还可以将输入类型更改为button而不是submit。

<input type="button"  ....