如何為動態表單字段設置initialValue（螞蟻設計）？

Question

我正在努力為動態表單字段設置初始值。 假設我們有來自 AntDesign 文檔的這個例子。

https://codesandbox.io/s/wonderful-lichterman-br63z?file=/index.js

關鍵是，要為每個新添加的字段設置初始值，在本例中，我希望將“姓氏”設置為“kowalski”。

以下 ant 設計文檔：

“在大多數情況下，我們始終建議使用表單初始值。僅在動態字段使用時才使用項目初始值”

所以我試圖設置 initialValue 但結果我只得到這個警告：

“React 無法識別 DOM 元素上的initialValue屬性。如果您故意希望它作為自定義屬性出現在 DOM 中，請將其拼寫為小寫initialvalue 。如果您不小心從父組件傳遞了它，請將其從 DOM 中刪除元素。”

感謝您的任何建議。

Answer 1

我發現了一個更簡單的實現。 原來add方法允許設置字段defaultValue 。

<Form.Item>
  <Button
    type="dashed"
    onClick={() => {
      add({ lastName: 'mejia', firstName: 'cesar' })
    }}
    style={{ width: '100%' }}
  >
    <PlusOutlined /> Add field
  </Button>
</Form.Item>

見： https://codesandbox.io/s/fervent-morning-c9vhk