Conversational Form with React. How to make multiple choice?

Question

I am working with React(Next.js). I have a good example [https://codepen.io/space10/pen/JMXzGX][1] how to use multiple choise in simple HTML, but how to use it in React?

Here is my code

Here what I have in browser

Answer 1

Just keep adding objects into the array - as long as the name is the same, it seems to combine it.

Working Demo: 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?'
      }
    ];

Returns the form result something like this:

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