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

标签 reactjs forms

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

最佳答案

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

编辑-01:

已经在评论中指出了。

关于reactjs - React js 中的 url 参数显示登录凭据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62242097/

相关文章:

javascript - 在 react 中使用 webpack 导入 css

javascript - 在 react js中悬停卡片时播放视频并在不悬停时显示默认图像

node.js - package.json 中的所有包都包含在 React 构建中吗?

php - 使用php将数据输入mysql数据库

javascript - 关于 HTML 表单验证我需要担心什么?

python - 在 Django 中检索表单字段属性

javascript - React.js 通过数组创建循环

reactjs - 使用 React Router 将类 active 添加到其他父 html 标签

php - 简短的 if 语句不显示任何输出

forms - 如何禁用 'submit' 按钮?