小编Tom*_*Tom的帖子

我正在将 ANTd 与我为学校项目构建的 React 应用程序一起使用。该应用程序运行良好，但是在启动时我得到以下信息：craco: *** Cannot find ESLint loader (eslint-loader). ***这是令人担忧的。我已经研究过这个问题，显然这个链接https://github.com/gsoft-inc/craco/pull/219提供了对该问题的支持。我还不够先进，不知道如何将此修复应用到我自己的 React 项目中，我觉得我自己和其他初学者将从有关如何执行此操作的解释中受益匪浅。感谢任何可以提供帮助的人！

Codesandbox 链接： https://codesandbox.io/s/compassionate-sanderson-1m8nv ?file=/src/App.js

我找不到关于这个主题的太多信息。以下是我想要实现的目标：

我希望用户能够编辑数据库中已存在的采购订单的一些详细信息，然后使用表单重新提交采购订单。原始采购订单的详细信息应显示在表单输入字段中，用户可以直接通过这些字段进行更改，然后提交。

我对网络开发不太了解，所以请耐心等待。

我希望最终的表单对象看起来像这样：

{
    po_number:"123abc",
    carrier:"Fastway",
    items: [{
                item_code:"dnh75n",
                quantity:"10",
                special_requirements:"Add picture of happy dog"
            },
            {
                item_code:"456def",
                quantity:"4",
                special_requirements:"Do not include lids"
            }
        ]
}

生成的表单输入字段的数量将取决于采购订单中的商品数量。我在下面创建了一个简单的 React 组件来演示我正在尝试做的事情。或者只需查看上面的代码沙箱链接。任何帮助，将不胜感激。我什至找不到有关如何对 ANTd 表单项目进行分组以在采购订单中创建项目数组的信息。我在他们的网站上看到了大量动态表单示例，但我想根据采购订单中预先存在的项目创建表单，而不是添加带有用户输入的字段。

import { Form, Input, Button } from 'antd';

//This is the order that already exists
const order = {
    po_number:"123abc",
    carrier:"Fastway",
    items: [{
                item_code:"dnh75n",
                quantity:"10",
                special_requirements:"Add picture of happy dog"
            },
            {
                item_code:"456def",
                quantity:"4",
                special_requirements:"Do not include lids"
            }
        ]
};


const GroupForm = …