JavaScript - правильный способ использования спреда

Я собираю разные значения из серии последовательных форм и использую спреды для передачи этой информации на каждом этапе. Проблема в том, что я изо всех сил пытаюсь создать желаемый формат данных. Как мне структурировать спред на следующее?

Я пытаюсь создать это:

{
   [
      "Your details": {
         "name": "value",
         "email": "value",
         "mobile": "value",
      },
      "Payment details": {
         "cardnumber": "value",
         "cardname": "value",
         "expire": "value",
         "security": "value",
      },
      "Billing address": {
         "cardnumber": "value",
         "cardname": "value",
         "expire": "value",
         "security": "value",
      },
   ]
}

Я использую следующий разворот:

    var value = this.refs.form.getValue()
    if (value) {
        let formValues = { ...this.props.navigation.state.params.form, ['Payment']: { ...value } }
    }

Результат:

{
   "name": "value",
   "email": "value",
   "mobile": "value",
   "Payment": {
      "cardnumber": "value",
      "cardname": "value",
      "expire": "value",
      "security": "value",
   },
   "Billing address": {
      "cardnumber": "value",
      "cardname": "value",
      "expire": "value",
      "security": "value",
   },
}

Заранее спасибо.