如何使用django-rest-framework-jwt实现react-antd Form表单的登录验证？

本文共计140个文字，预计阅读时间需要1分钟。

使用React Antd的Form组件实现登录功能，数据提交给后端验证。提交函数如下：

javascripthandleSubmit=(e)=> { e.preventDefault(); this.props.form.validateFields((err, values)=> { if (!err) { console.log('收到表单的值：', values); } });};

用react-antd Form表单实现登录功能，fetch数据给后端验证

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('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') }) }