Reactjs 在Ant设计示例表单中显示初始表单

我正在Ant Design的应用程序中重新创建此示例代码 . 但我希望字段在初始化时显示。

---

现在，我需要先单击添加项按钮，然后再显示它。

您需要使用

选项。initialValue

的，或者您可以使用的

mapPropsToFields

的，这取决于您的用例-它们都在初始化时填充表单值

您可以在文档中找到官方示例：

---

您只需找到这一行，并用字段名称填充空数组；getFieldDecorator（“键”{initialValue:[]}）；例如，getFieldDecorator（“keys”，{initialValue:[“name”，“age”]}）；非常感谢。通过在示例中添加

{initialValue:['names']}

获得它。在我的例子中，我是从数据开始的，我已经从MiDas那里得到了答案。但是你的答案在将来非常有用！

// Initial input form item with 'Passenger-X' value.

getFieldDecorator(`names[${k}]`, {
  initialValue: `Passenger - ${k}`,
  validateTrigger: ['onChange', 'onBlur'],
  rules: [
    {
      required: true,
      whitespace: true,
      message: "Please input passenger's name or delete this field."
    }
  ]
});