使用 Redux 表单提交额外的字段属性

Question

我有一个 redux-form 驱动的表单，它是通过从我的后端发送的 JSON 构建的。此数据具有我需要在提交时 post 返回的特定键（例如 filterID）。 Redux 形式似乎保留了 form/fields 的相当小的状态表示。例如，这是一个简单的状态转储：

{form : {
    myForm: {
        registeredFields: {
            field1: {name: "field1", type: "Field", count: 1},
            field2: {name: "field2", type: "Field", count: 2}
        },
        values: {
            field1: "123"
        }
    }
}

是否有使用 redux-form 的内置方法，我可以让它在状态中存储额外的数据（例如 filterID），或者关闭 attribute/prop 而不是名称？

<Field
      key={somethingunique}
      name={component.name}
      component={component.type}
      filterID={component.id}
/>

这会产生类似于以下状态的东西（只要它存在，就可以在任何地方移动额外的 stuff/filterID）：

{form : {
    myForm: {
        registeredFields: {
            field1: {name: "field1", type: "Field", count: 1},
            field2: {name: "field2", type: "Field", count: 2}
        },
        values: {
            field1: "123"
        },
        additionalStuff: {
            field1: {filterID: "abc"}
        },
    }
}

我对这种方法的想法是，它很容易在 handleSubmit 中获取，这样我就可以通过简单的字符串化将它发送回服务器。

我可以玩一些游戏，向状态添加一个大对象并在提交时进行查找、连接组件等，但是那些感觉很乱。

Answer 1

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

使用 Redux 表单提交额外的字段属性

Submitting additional field attributes using Redux Form

reactjs

redux

redux-form