反應最終表單拆分字段值

Question

我有一個 react 和 redux 應用程序，它帶有 react final 形式，其中我有一個名為“cars”的字段，它是一個選擇，如果數據臟，則在 spy 上觸發提交事件。 值和東西都很好，但我需要將其拆分為類型，以便表單返回類似coupe: ['BMW'], sedan: ['Audi']的字段名稱，而不僅僅是帶有cars: ['BMW', 'Audi']等值的字段名稱cars: ['BMW', 'Audi']

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

也許有人建議如何改變它以及何時在內部反應最終形式？ 還是應該在減速器或傳奇中完成？

Answer 1

假設您將表單數據設為

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

你需要把type值變成鍵名，所以你得到

[{ 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(remappedData)

 .as-console-wrapper{min-height:100%;}