如何将含数组的Formik表单嵌套JSON拆分为数据库行格式

问题1：TypeError: values.forEach is not a function #

你错误地尝试遍历整个Formik返回的对象，而forEach是数组专属方法，对象没有这个方法。正确的遍历目标是对象里的MemberMemberId数组——这才是包含多个成员ID的可遍历结构。

问题2：存入整个MemberMemberId数组 #

你需要为每个成员ID单独创建一条记录，而非直接复用原对象结构。遍历成员ID数组时，要生成新对象，将当前迭代的单个ID赋值给MemberMemberId字段，同时复用原对象的EventEventId和event_date。

推荐实现（使用map，更简洁） #

map方法可直接返回转换后的数组，适配这类批量转换场景：

// Formik返回的原始数据
const formValues = {"MemberMemberId":["1","2"],"EventEventId":"1","event_date":"20000102"};

// 转换为数据库需要的多条记录
const dbRecords = formValues.MemberMemberId.map(memberId => ({
  MemberMemberId: memberId,
  EventEventId: formValues.EventEventId,
  event_date: formValues.event_date
}));

// 输出结果即为目标格式
console.log(dbRecords);

用forEach的实现（若习惯这种写法） #

const formValues = {"MemberMemberId":["1","2"],"EventEventId":"1","event_date":"20000102"};
const dbRecords = [];

formValues.MemberMemberId.forEach(memberId => {
  dbRecords.push({
    MemberMemberId: memberId,
    EventEventId: formValues.EventEventId,
    event_date: formValues.event_date
  });
});

核心要点 #

• 始终遍历formValues.MemberMemberId数组，而非整个formValues对象。
• 每条数据库记录都要创建新对象，确保MemberMemberId是单个字符串，而非数组。

内容的提问来源于stack exchange，提问作者Jess