小编Aji*_*air的帖子

Antd V4 表单列表 setFieldValue

在此处输入代码我们如何动态编辑表单列表中的元素并使用 setFieldsValue 设置该元素

我得到的解决方案是为整个表单列表调用 setFieldsValue 但这不公平,会导致性能问题

我有这样的表单结构

users: [
  {
    name: "bob",
    education: [
      {
        qualification: "masters",
        college: "abc",
      },
      {
        qualification: "degree",
        collge: "ijk",
      },
    ],
  },
  {
    name: "alice",
    education: [
      {
        qualification: "ug",
        college: "abc",
      },
      {
        qualification: "higher secondary",
        college: "def",
      },
    ],
  },
];
Run Code Online (Sandbox Code Playgroud)

使用表单列表实现

  • 我想使用 antd v4 setFieldsValue 更新用户“alice”的“education[1]”的“资格”
  • 我得到了一个解决方案,即使用 getFieldsValue 获取所有值并更改更改“资格”,然后更新整个表单值,但这会导致大型应用程序出现一些性能问题
  • 如何使用setFieldsValue更新表单中的单个字段?
  • 在 antd v3 中,它是通过在 setFeildsValue 中提供路径来存档的,例如

    setFieldsValue({ 'user.1.education.1.qualification':'某事' })

预先感谢您的宝贵回答

reactjs antd

5
推荐指数
1
解决办法
5311
查看次数

标签 统计

antd ×1

reactjs ×1