Estoy tratando de crear una aplicación de prueba con ReactJS. Quiero recopilar y editar respuestas en una matriz. El índice de objetos será el número de pregunta.

Puedo mostrar las respuestas con el botón de opción:

 <Radio onClick={() => handleAdd(questionnumber, answer)} label="Fo Answer" />

Esa es mi matriz y función:

 const [answers, setAnswers] = useState([]); const handleAdd = (questionnumber, answer) => { const newAnswer = [...answers]; newAnswer[questionnumber] = answer; setAnswers(newAnswer); }

Solo quiero recopilar todos los resultados en una matriz. Cuando hago clic en el botón de opción de cualquier respuesta, la respuesta se agregará a la matriz.

Por ejemplo, cuando hago clic en el botón de radio "Responder uno" para la Pregunta 2. Entonces: "respuestas [2]: respuesta uno". Luego, cuando hago clic en el botón "siguiente" y selecciono la respuesta para las respuestas de la Pregunta 3 [3], el objeto cambiará. Si vuelvo a la Pregunta 2 nuevamente y cambio mi respuesta de "Respuesta uno" a "Respuesta dos", simplemente edite el objeto respuestas [2].

El resultado final debería ser así:

 answers[0]: null answers[1]: answer of question1 answers[2]: answer of question2 answers[3]: answer of question3 answers[4]: answer of question4