是否真的“setAllValues”仅适用于表单嵌套的一个级别? (默认情况下为React-form)

问题描述 投票:0回答:1

正如我所见,react-form有一个非常方便的功能,可以将所有数据设置为表单,但只有它不能正常工作,当使用'setAllValues'渲染表单时,所有字段都必须填充数据,但这不会发生在第二个和下一层次的筑巢。

仅举例说明我拥有的数据对象:

const FormData = {
  field1: "field_1",
  fieldsGroup1: {
    field2: "field_2",
    field3: "field_3"
  },
  field4: "field_4",
  fieldsGroup2: {
    field5: "field_5",
    fieldsGroup3: {
      field6: "field_6",
      fieldsGroup4: {
        field7: "field_7"
      }
    }
  },
  field8: "field_8"
};

在本主题中,我想确保当前'setAllValues'默认情况下仅适用于表单的一级嵌套。

我通过以下方式决定了这个问题...我使用两个组件来渲染表单,将所有数据设置为所有嵌套字段请查看我的示例(此处 - > https://codesandbox.io/s/pjo46r9xnm)以完全理解我的观点。

...所有似乎都运行良好,但是对于专家来说有一个问题,是否有另一种方法来填充表单(使用state / store /以其他方式设置所有值)以及所有嵌套字段而不使用任何其他组件并使用只有API反应形式,因为我没有在Microsoft的文档/ internet / gitHub中找到这种情况)/ stackoverflow atc。

或者我的方法是实现这种情况的单一方式)

感谢您对我的问题感兴趣。

reactjs
1个回答
0
投票

您可以尝试以下方法之一:

https://www.npmjs.com/package/deepmerge除了反应形式

或者它是否符合您的需求

https://github.com/erikras/redux-form

© www.soinside.com 2019 - 2024. All rights reserved.