Форма разговора с React. Как сделать множественный выбор?

Question

Я работаю с React (Next. js). У меня есть хороший пример [https://codepen.io/space10/pen/JMXzGX][1], как использовать множественный выбор в простом HTML, но как использовать его в React?

Вот мой код

Вот что у меня в браузере

Answer 1

Просто продолжайте добавлять объекты в массив - пока name одинаков, кажется, что он объединяется.

Рабочая демонстрация: https://stackblitz.com/edit/react-conversational-form-with-radio

    this.formFields = [
      {
        'tag': 'input',
        'type': 'radio',
        'name': 'country',
        'cf-questions': 'What is your country?',
        'cf-label': 'ukraine',
        'value': 'ukraine',
      },
      {
        'tag': 'input',
        'type': 'radio',
        'name': 'country',
        'cf-label': 'india',
        'value': 'india',
      },
      {
        'tag': 'input',
        'type': 'radio',
        'name': 'country',
        'cf-label': 'sri lanka',
        'value': 'sri lanka',
      },
      {
        'tag': 'input',
        'type': 'text',
        'name': 'lastname',
        'cf-questions': 'What is your lastname?'
      }
    ];

Возвращает результат формы примерно так:

{ country: ["ukraine"], lastname: 'tasdasd' }