Установка useState для каждого ввода формы динамически

Question

Я пытаюсь создать компонент React Form. Я буду получать данные формы, позвонив в службу API. Это означает, что я не знаю, сколько полей будет в форме и какой тип полей тоже. Мне удалось создать компонент FormInput, который правильно отображает поле, но я хотел бы, чтобы все состояния полей были в родительском компоненте Form.

Проблема в том, что, как только я получаю список полей ввода, я не знаю как использовать useState для всех этих входов. Я знаю, что React Hooks нельзя использовать для петель. Поэтому я прошу альтернативное решение.

Допустим, это ответ JSON, который я получаю

{
    "id": "radio1",
    "name": "radio1",
    "type": "radio-buttons",
    "params": null,
    "placeholder": null,
    "value": null,
    "options": [
      "opcija1",
      "opcija2",
      "opcija3"
    ],
    "required": false,
    "constraints": null
  },
  {
    "id": "radio2",
    "name": "radio2",
    "type": "radio-buttons",
    "params": null,
    "placeholder": null,
    "value": null,
    "options": [
      "opcija1",
      "opcija2"
    ],
    "required": false,
    "constraints": null
  }

Как назначить хук useState для каждого поля ввода?