Reactjs 使用Redux表单提交其他字段属性

Reactjs 使用Redux表单提交其他字段属性,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我有一个redux表单驱动的表单,它是通过从后端发送的JSON构建的。此数据具有我需要在提交时发回的特定键(例如filterID)。Redux表单似乎保留了相当少的表单/字段状态表示。例如,下面是一个简单的状态转储: {form : { myForm: { registeredFields: { field1: {name: "field1", type: "Field", count: 1}, field2: {name:

我有一个redux表单驱动的表单,它是通过从后端发送的JSON构建的。此数据具有我需要在提交时发回的特定键(例如filterID)。Redux表单似乎保留了相当少的表单/字段状态表示。例如,下面是一个简单的状态转储:

{form : {
    myForm: {
        registeredFields: {
            field1: {name: "field1", type: "Field", count: 1},
            field2: {name: "field2", type: "Field", count: 2}
        },
        values: {
            field1: "123"
        }
    }
}
是否有一种使用redux表单的内置方式,可以让它在状态中存储额外的数据(例如filterID),或者在属性/属性上设置键而不是名称

<Field
      key={somethingunique}
      name={component.name}
      component={component.type}
      filterID={component.id}
/>
我对这种方法的想法是,它很容易在handleSubmit中抓取,这样我就可以通过简单的stringify将它发送回服务器


我可以玩一些游戏,在状态中添加一个大对象,并在提交、连接组件等方面进行查找,但这些游戏感觉很混乱。

到目前为止,我还没有找到一种单独使用redux表单来解决这一问题的方法。相反,当遇到一个新的表单定义时,我会使用一个基本操作/减缩器将其添加到全局状态。在表单的handleSubmit函数中,我使用名称字段作为状态表单定义中的键,从redux表单构造的提交对象派生出一个新的提交对象。这使我能够轻松查找后端所需的任何值,并提交新的派生对象。

如果我的理解正确:您可以从后端的
表单
对象,当执行
handleSubmit
方法时,您想在
myForm
属性中添加一个新字段
additionnalStuff
?表单和myForm是标准的redux表单组件,但字段定义在初始页面加载时来自后端。redux表单的handleSubmit看起来只是将state对象的值发送回。我需要的是“额外的东西”能够被送回。我可以很容易地写出额外的提交逻辑。我的希望是,额外的东西会在某个地方,我可以很容易地抓住它或手提交可以包括它不知何故的状态。我可以将整个初始表单def存储在state中,并在提交时进行键(字段名)匹配,但希望有更好的方法。您是否尝试过
ObjectAssign({},form,{additionalStuff:{field1:{filterID:{abc}}}}})
?还没有,但这是个好主意。我可以在创建表单时尝试。如果有办法使用redux表单API或通过它提供的字段道具来实现这一点,那还是很酷的。然而,这可能是一个可行的选择。是的,如果你得到什么,请告诉我!
{form : {
    myForm: {
        registeredFields: {
            field1: {name: "field1", type: "Field", count: 1},
            field2: {name: "field2", type: "Field", count: 2}
        },
        values: {
            field1: "123"
        },
        additionalStuff: {
            field1: {filterID: "abc"}
        },
    }
}