如何将多个 redux 表单字段传递给一个后端字段答案

【问题标题】：How to pass multiple redux form fields to one backend field如何将多个 redux 表单字段传递给一个后端字段
【发布时间】：2019-03-22 20:03:34
【问题描述】：

目前，当我提交一个 redux-form，并将 data-transfer-object 发送到后端时，有一个后端对象接受数据并创建一个对象（我在后端使用 Spring Boot Framework）。一个例子是，如果我的表单包含以下内容：

姓名：_____________
地址：_____________
年龄：_____________

我有一个后端 DTO 对象 Person，它具有以下字段：

字符串名称；

字符串地址；

年龄;

Spring 足够聪明，如果我将请求主体定义为 Person 对象，它将获取用户输入的值并创建对象以供我在接收 API 端点中使用。（这只是一个例子）。在我真正的问题中，我必须添加一个名为 LocationCode 的新字段。正如我目前设计的那样，用户会将他们所有的位置代码添加为逗号分隔的列表。这只是 UI 上标有位置代码的一个字段。所以一个可能的值可能是“loc1, location 2, myLocation”，并且相应的后端会有一个 LocationCode 变量来存储这个字符串。

但是，我有一个新要求，即为用户想要输入的每个位置代码创建一个新字段（前端已设置完毕）。我可以在前端创建任意数量的这些，并且用户可以拥有

位置代码 1 _____________
位置代码 2 _____________
....
位置代码 x _____________

我的问题是，我的后端不能有随机数量的字段。有什么方法可以获取所有这些用户输入，并将它们组合成一个字符串以传回 Spring 后端，这样我仍然可以得到一个逗号分隔的字符串。这样我仍然可以在后端只有一个字段？

【问题讨论】：

标签： reactjs api spring-boot react-redux redux-form

【解决方案1】：

您可以使用formValueSelector 组合您的位置代码的这些值。提到的用途之一是将多个字段作为一个组选择到一个分组的道具中。您可以将此分组道具用作可以发送到后端的单个字符串。

希望这会有所帮助！

【讨论】：