【react+antd+js】将 FormData 转为 JSON-String

原创于 2021-11-23 14:49:44 发布 · 1.8k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#react #jsx #前端

前端技术专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用React和Ant Design组件收集表单数据，通过FormData对象操作，最终将其转换为JSON字符串。适合前端开发者了解FormData到JSON的转换过程。

【react+antd+js】将 FormData 转为 JSON-String

// 从antd的form获取表单的值，并为表单创建 formData
const data = this.form.current.getFieldsValue();
const formData = new FormData();
Object.keys(data).forEach((key) => {
  formData.append(key, data[key]);
});

// 将 FormData 转为 JSON-String
let objData= {};
formData.forEach((value, key) => objData[key] =value);
const jsonStr = JSON.stringify(objData);
console.log("jsonStr", jsonStr);