如何解决如何在React / JavaScript中将键值对迭代到FormData Append
我有很多键值对,需要附加到FormData()上。所以我希望它可以迭代,所以我不会一次又一次地输入
对象
values: { username: 'johndoe',password: 123,contact_no: '18323223',place: 'LA' }
组件代码
onSubmit: (values) => {
dispatch(signUp(values)).then((response) => {
alert('Success');
});
},
API代码
export function signUpAPI(values) {
let formData = new FormData();
Object.keys(values).forEach((fieldName) => {
console.log(fieldName,values);
formData.append(fieldName,values);
});
}
解决方法
由于已经遍历键名,您似乎距离使代码开始工作还差得很远,因此您需要做一些事情,例如:
export function signUpAPI(inputData) {
let formData = new FormData();
Object.keys(inputData).forEach(fieldName => {
console.log(fieldName,inputData[fieldName]);
formData.append(fieldName,inputData[fieldName]);
})
return formData
}
,
当我拥有键和值时,我喜欢使用Object.entries:
export function signUpAPI(values) {
let formData = new FormData();
for (const [key,value] of Object.entries(values) {
console.log(key,value);
formData.append(key,value);
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。