Javascript 反应最终形式拆分字段值
我有一个带有react final form的react和redux应用程序,其中有一个名为“cars”的字段,它是一个选择和间谍开火事件,如果数据不干净,则是一个提交事件。值和内容都很好,但我需要将其划分为类型,以便表单返回类似于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:
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%;}
是的,伙计,我只是在寻找更多的想法和干杯