你好,我有一个HTML表单,使用react form action using form data.

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

enter image description here

我试图实现的目标或我的期望是,我将获得一个对象数组:


  "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.

推荐答案

  1. 使用npm i radash安装Radash包.它是Lodash更现代、更轻便的替代品.

  2. 简单地做:

import { construct } from 'radash'

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

finalObject美元就是你需要的.

或者,您可以try 使用Formik个或不同的库来在React中构建表单.

Javascript相关问答推荐

获取加载失败:获取[.]添加时try 将文档添加到Firerestore,Nuxt 3

使用useup时,React-Redux无法找到Redux上下文值

每次子路由重定向都会调用父加载器函数

使用续集和下拉栏显示模型属性

格式值未保存在redux持久切片中

通过嵌套模型对象进行Mongoose搜索

使用复选框在d3.js多折线图中添加或删除线条

google docs boldText直到按行执行应用脚本错误

我在我的Java代码中遇到了问题,代码的一部分看不到先前定义的对象

我在Django中的视图中遇到多值键错误

当使用';字母而不是与';var#39;一起使用时,访问窗口为什么返回未定义的?

以Angular 实现ng-Circle-Progress时出错:模块没有导出的成员

元素字符串长度html

变量在导入到Vite中的另一个js文件时成为常量.

OpenAI转录API错误请求

更新Redux存储中的对象数组

react 路由如何使用从加载器返回的数据

使用VITE开发服务器处理错误

每隔一行文本段落进行镜像(Boustrophedon)

如何将值从后端传递到前端