对象可变值不启动 initialValues={values} form.item antd form in react js答案

【问题标题】：Object alterable value not initiating initialValues={values} form.item antd form in react js对象可变值不启动 initialValues={values} form.item antd form in react js
【发布时间】：2023-02-25 13:44:55
【问题描述】：

我已经包含了一个代码示例，展示了我如何在表单中初始化值；你能发现任何错误吗？我不确定为什么它没有启动值。

formValues = {
      dummy:{
         key:value,
         key1:value,
         key2:value
      },
      dummykey:{
          name: value,
          fullname: value,
      },
}

<Form name='myform' form={form} initialValues={formValues} onFinish={onFinished}>
  <>
    {Object.Keys(formValues.dummy).map((objKey) =>{
          return (
            <Row>
              <Col span={6}> {objKey}  </Col> 
              <Col span={6}> <Form.Item name={objKey} key={objKey} </Col> 
            </Row>
        )}
    )}

    {Object.Keys(formValues.dummykey).map((objKey) =>{
      return (
        <Row>
          <Col span={6}> {objKey}  </Col> 
          <Col span={6}> <Form.Item name={objKey} key={objKey} </Col> 
        </Row>
      )}
    )}
  </>
</Form>

【问题讨论】：

标签： javascript reactjs antd ng-zorro-antd

【解决方案1】：

您似乎错过了关闭代码中的 <Form.Item> 组件。您需要为每个 Form.Item 组件添加结束标记 </Form.Item>。

<Form name='myform' form={form} initialValues={formValues} onFinish={onFinished}>
  {Object.keys(formValues.dummy).map((objKey) => {
    return (
      <Row>
        <Col span={6}> {objKey} </Col>
        <Col span={6}>
          <Form.Item name={['dummy', objKey]} key={objKey}>
            {/* Add your input component here */}
          </Form.Item>
        </Col>
      </Row>
    )
  })}

  {Object.keys(formValues.dummykey).map((objKey) => {
    return (
      <Row>
        <Col span={6}> {objKey} </Col>
        <Col span={6}>
          <Form.Item name={['dummykey', objKey]} key={objKey}>
            {/* Add your input component here */}
          </Form.Item>
        </Col>
      </Row>
    )
  })}
</Form>

【讨论】：