Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应最终形式拆分字段值_Javascript_Reactjs_React Final Form - Fatal编程技术网

Javascript 反应最终形式拆分字段值

Javascript 反应最终形式拆分字段值,javascript,reactjs,react-final-form,Javascript,Reactjs,React Final Form,我有一个带有react final form的react和redux应用程序,其中有一个名为“cars”的字段,它是一个选择和间谍开火事件,如果数据不干净,则是一个提交事件。值和内容都很好,但我需要将其划分为类型,以便表单返回类似于coupe:['BMW'],sedan:['Audi']的内容,而不仅仅是带有值的字段名,例如cars:['BMW',Audi'] { type: "Coupe" value: "BMW" }, { type:

我有一个带有react final form的react和redux应用程序,其中有一个名为“cars”的字段,它是一个选择和间谍开火事件,如果数据不干净,则是一个提交事件。值和内容都很好,但我需要将其划分为类型,以便表单返回类似于
coupe:['BMW'],sedan:['Audi']
的内容,而不仅仅是带有值的字段名,例如
cars:['BMW',Audi']

{
  type: "Coupe"
  value: "BMW"   
},
{
  type: "Sedan"
  value: "Audi"   
}

也许有人有一个如何变异的建议,当内部反应最终形式?或者应该在reducer或saga中完成吗?

假设您将表单数据作为

[
    {
        type: "Coupe",
        value: "BMW"
    }, {
        type: "Sedan",
        value: "Audi"
    }
]
您需要将
type
value转换为键名,这样您就可以

[{ coupe: 'BMW'}, {sedan: 'Audi'}]
您可以使用
Array.prototype.map()
(在提交处理程序或reducer中,或任何对您更合适的地方):

const formData=[{type:“Coupe”,value:“BMW”},{type:“Sedan”,value:“Audi”}],
remappedData=formData.map(({type,value})=>
({[type.toLowerCase()]:value}))
console.log(重新显示)

。作为控制台包装器{最小高度:100%;}
是的,伙计,我只是在寻找更多的想法和干杯