javascript - 反应Js | 根据登录输入从 API 取回用户 ID
问题描述
我有一个登录组件,用户可以使用电子邮件和密码登录。在数据库中,用户具有以下属性。
1.userID 2.Email 3.Password
我想根据用户登录从 API 取回用户 ID。有天才能帮我解决这个问题吗?
我的登录组件:
export default class Login extends Component {
state = {};
submitHandler = e => {
e.preventDefault()
const logingdata ={
email : this .Email,
password: this .Password
}
axios
.post('/api/UserLogin', logingdata)
.then(response => {
console.log(response); //to print response in console in developper tool
//const currentuser = JSON.parse(atob(response.data.token.split(".")[1]));
localStorage.setItem('login', response.data.token);
console.log(this.email);
})
.catch(error => {
console.log(error => console.log(error.response.data))
})
}
render() {
return (
<div className="outer">
<div className="inner">
<form onSubmit={ this.submitHandler}>
<h3>Log in</h3>
<div className="form-group">
<label>Email</label>
<input type="text" className="form-control" placeholder="Enter email" onChange ={ e => this.Email = e.target.value} />
</div>
<div className="form-group">
<label>Password</label>
<input type="text" className="form-control" placeholder="Enter password" onChange ={ e => this.Password = e.target.value} />
</div>
<div className="form-group">
<div className="custom-control custom-checkbox">
<input type="checkbox" className="custom-control-input" id="customCheck1" />
<label className="custom-control-label" htmlFor="customCheck1">Remember me</label>
</div>
</div>
<br></br>
<button type="submit" className="btn btn-dark btn-lg btn-block">Sign in</button>
<p className="forgot-password text-right">
Forgot <Link to= "/Forgotpassword" >password?</Link>
</p>
</form>
</div>
</div>
);
}
}
编辑:
控制台响应母鸡登录:(它只显示用户名和密码)
解决方案
推荐阅读
- angular - 在角度 7 中更改父组件中的变量
- php - PHP 会话在多个网站上不可用
- reactjs - React/Redux 排序功能未更新状态
- scilab - Scilab“加载”命令导致布尔值
- azure - 遍历 Set-Header 策略中的多个值
- c# - ReadOnlyObservableCollection
在 WPF 设计时数据中 - build - bitbucket 管道构建实例的默认实例规范是什么,例如 CPU、Ram 等,我们可以配置它吗?
- jenkins - 通过詹金斯管道在神器中设置属性中的特殊字符
- r - 无法循环通过ggplot直方图
- python - scikit-image 将 8 位图像读取为 16 位