用react-antd Form表单实现登录功能,fetch数据给后端验证 handleSubmit = (e) = { e.preventDefault(); this.props.form.validateFields((err, values) = { if (!err) { console.log('收到表单的值: ', values); } }) var formData =
handleSubmit = (e) => {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (!err) {
console.log('收到表单的值: ', values);
}
})
var formData = this.props.form.getFieldsValue();
// var formData = new FormData(this.props.form)
fetch('http://localhost:8000/api-token-auth/', {
headers: {
'Content-Type': 'application/json'
},
method: 'POST',
body: JSON.stringify({
username: formData.username,
password: formData.password
})
}).then(res => {
res.json().then(res => {
if (res.token) {
localStorage.setItem('token', res.token)
window.location.replace('/')
}
})
}).catch(err => {
console.log('Network error')
})
}
