Recebo o seguinte array de uma API:
Array exam:
[
{
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,
},
],
},
];
Preciso iterar e mostrar o array options como radio buttons. Estou iterando o array exam da seguinte forma:
{exam.map(e => (
<li key={e.id} >
<p>{e.question}</p>
<RadioInput name="user" options={[e.options]} />
</li>
))}
Estou utilizando o unform (https://unform.dev/examples/radio) para registrar os inputs.
O componenten RadioInput é este do gist abaixo, copiei da mesma forma como está no site com a documentação: https://gist.github.com/fredarend/b50103f73ba682510bf951326620250e
Porém tenho várias dúvidas, o id do array options é do tipo number e não string, eu não possuo itens no array options chamados value e nem label, somente id e option. Não estou conseguindo entender qual a forma correta de implementar esse componente.