Блог

Я получаю следующий массив из API:

Экзамен по массиву:

 [
  {
    id: 2,
    question: 'Questão 1:',
    essay_question: false,
    value: '2.00',
    options: [
      {
        id: 1,
        option: 'Opção A',
        correct: false,
        question_id: 2,
      },
      {
        id: 4,
        option: 'Opção B',
        correct: true,
        question_id: 2,
      },
    ],
  },
  {
    id: 3,
    question: 'Questão 2:',
    essay_question: false,
    value: '2.00',
    options: [
      {
        id: 5,
        option: 'Opção A',
        correct: false,
        question_id: 2,
      },
      {
        id: 6,
        option: 'Opção B',
        correct: true,
        question_id: 2,
      },
    ],
  },
];
 

Мне нужно выполнить итерацию и отобразить параметры массива в виде переключателей. Я повторяю массив экзаменов следующим образом:

 {exam.map(e => (
  <li key={e.id} >
    <p>{e.question}</p>
    <RadioInput name="user" options={[e.options]} />
  </li>
))}
 

Компонент ввода радиосигнала-это один из приведенных ниже, я скопировал его так же, как и на веб-сайте с документацией: https://gist.github.com/fredarend/b50103f73ba682510bf951326620250e

Однако у меня есть несколько сомнений, идентификатор массива опций имеет тип number, а не string, у меня нет элементов в массиве опций с именем value и ни метки, только идентификатор и опция. Я не в состоянии понять, как правильно реализовать этот компонент.