【问题标题】:Ant design Form.list usage with pre filled data?Ant设计Form.list使用预填充数据?
【发布时间】:2021-11-05 18:26:44
【问题描述】:

我使用 ant design 已经有一段时间了,需要 Form.list 来获得一个功能。 我可以实现整个工作流程,但无法实现列表中的预填充表单项。

const user = ['a', 'b', 'c']

我们可以在 Form.list 中预先填充用户数组作为示例的 3 个表单项吗? 谢谢你的帮助。

【问题讨论】:

    标签: reactjs typescript ant-design-pro


    【解决方案1】:

    很遗憾,显然没有办法使用 Form.item。您可以查看动态表单 api 并使用它来创建自己的动态字段。当我拥有它时,我会发布我的解决方案。在此之前,欢迎提供任何反馈。

    【讨论】:

      【解决方案2】:

      您可以使用Form.Item 作为Form.List 中的占位符来保存您可以获得的数据中的每个键,就像

      <Form.Item name={[name, 'key']}>
       <Input style={{ display: 'none' }}/>
      </Form.Item>
      

      那么你可以使用form.getFieldValue来获取它。

      【讨论】:

      • 请不要在答案中上传代码图片。
      猜你喜欢
      • 1970-01-01
      • 2012-04-28
      • 1970-01-01
      • 2022-01-17
      • 1970-01-01
      • 2014-12-02
      • 2012-10-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多