使用表单数据创建对象数组的结构 HTML 表单

Question

你好，我有一个 HTML 表单，它使用 React form action 使用 form data。

当从我的方法中提取 formData 时，它显示如下：

我想要实现的目标或我的期望是我会得到一组对象：

  "completeSuccessIndicators": [
    {
    "si": 1,
    "actual_accomplishment": "this the acutal accomplishmentsasdfasdfas",
    "ql_qn": 1,
    "timeliness": 3,
    "average": 3,
    "remarks": "asdfasdf"
    },
    {
    "si": 2,
    "actual_accomplishment": "this the acutal 2222123123s",
    "ql_qn": 1,
    "timeliness": 3,
    "average": 3,
    "remarks": "another remarks"
    }
  ]

是否有办法像 PHP 或 Ruby on Rails 一样自动化？或者有我可以使用的包吗？截至目前，我正在考虑创建一个逻辑来解析表单数据。

PS：我在 React 项目中使用 nextjs。

Answer 1

1. 使用

   npm i radash

   安装 Radash 软件包。它是 Lodash 的更现代、更轻量级的替代品。

2. 简单地做：

import { construct } from 'radash'

const formDataObject = Object.fromEntries(formData.entries())
const finalObject = construct(formDataObject)

finalObject

就是您所需要的。

或者，您可以尝试使用 Formik 或不同的库在 React 中构建表单。